You can attach the file to a ticket or wiki page. Reference the file like so:

= Adding images =

Files can be attached in '''Attachments''' section in three different ways.
* They can be selected via dialog if you used "Choose Files" option.
* You may also use drag and drop files option.
* Convenient option is to simply copy image from almost anywhere and paste it into "Paste an image to attach" box.
[[Image(image-20161121-135700.png)]]

Urls ending with `.png`, `.gif` or `.jpg` are no longer automatically interpreted as image links, and converted to `<img>` tags.

You now have to use the ![[Image]] macro. The simplest way to include an image is to upload it as attachment to the current page, and put the filename in a macro call like `[[Image(picture.gif)]]`.

In addition to the current page, it is possible to refer to other resources:
 * `[[Image(wiki:WikiFormatting:picture.gif)]]` (referring to attachment on another page)
 * `[[Image(ticket:1:picture.gif)]]` (file attached to a ticket)
 * `[[Image(htdocs:picture.gif)]]` (referring to a file inside the [TracEnvironment environment] `htdocs` directory)
 * `[[Image(source:/trunk/trac/htdocs/trac_logo_mini.png)]]` (a file in repository)

||= Wiki Markup =||= Display =||
{{{#!td
  {{{
  [[Image(htdocs:../common/trac_logo_mini.png)]]
  }}}
}}}
{{{#!td
[[Image(htdocs:../common/trac_logo_mini.png)]]
}}}

Embed an image in wiki-formatted text.

The first argument is the file specification. The file specification may reference attachments in three ways:

* {{{module:id:file}}}, where module can be either wiki or ticket, to refer to the attachment named file of the specified wiki page or ticket.
* {{{id:file}}}: same as above, but id is either a ticket shorthand or a Wiki page name.
* {{{file}}} to refer to a local attachment named 'file'. This only works from within that wiki page or a ticket.
Also, the file specification may refer to repository files, using the {{{source:file}}} syntax (source:file@rev works also).

Files can also be accessed with a direct URLs; {{{/file}}} for a project-relative, {{{//file}}} for a server-relative, or {{{http://server/file}}} for absolute location of the file. The ​rfc2397 data URL scheme is also supported if the URL is enclosed in quotes.

The remaining arguments are optional and allow configuring the attributes and style of the rendered {{{<img>}}} element:

* digits and unit are interpreted as the size (ex. 120px, 25%) for the image
{{{right}}}, {{{left}}}, {{{center}}}, {{{top}}}, {{{bottom}}} and {{{middle}}} are interpreted as the alignment for the image (alternatively, the first three can be specified using {{{align=...}}} and the last three using {{{valign=...}}})
* {{{link=some TracLinks...}}} replaces the link to the image source by the one specified using a TracLinks. If no value is specified, the link is simply removed.
* {{{inline}}} specifies that the content generated be an inline XHTML element. By default, inline content is not generated, therefore images won't be rendered in section headings and other one-line content.
* {{{nolink}}} means without link to image source (deprecated, use {{{link=}}})
* {{{key=value}}} style are interpreted as HTML attributes or CSS style indications for the image. Valid keys are:
 * align, valign, border, width, height, alt, title, longdesc, class, margin, margin-(left,right,top,bottom), id and usemap
 * {{{border}}}, {{{margin}}}, and {{{margin-}}}* can only be a single number (units are pixels).
 * {{{margin}}} is superseded by {{{center}}} which uses auto margins

Examples:
{{{
[[Image(photo.jpg)]]               # simplest
[[Image(photo.jpg, 120px)]]        # with image width size
[[Image(photo.jpg, right)]]        # aligned by keyword
[[Image(photo.jpg, nolink)]]       # without link to source
[[Image(photo.jpg, align=right)]]  # aligned by attribute
}}}
You can use an image from a wiki page, ticket or other module.
{{{
[[Image(OtherPage:foo.bmp)]]    # from a wiki page
[[Image(base/sub:bar.bmp)]]     # from hierarchical wiki page
[[Image(#3:baz.bmp)]]           # from another ticket
[[Image(ticket:36:boo.jpg)]]    # from another ticket (long form)
[[Image(source:/img/bee.jpg)]]  # from the repository
[[Image(htdocs:foo/bar.png)]]   # from project htdocs dir
[[Image(shared:foo/bar.png)]]   # from shared htdocs dir (since 1.0.2)
}}}


= Adding movie files =

Currently CORE Trac accepts video files in {{{.webm}}} or {{{.mp4}}} format.

== Simple form if an attachment is in the ticket/wiki==
{{{
[[Movie(sample.webm)]]
}}}
Restricted ImageMacro format style:
{{{
[[Movie(ticket:123:sample.mp4)]]
}}}
{{{
[[Movie(wiki:test/sub/sample.mp4)]]
}}}

== Embed youtube video ==
{{{
[[Moviehttps://www.youtube.com/watch?v=qRsLg6ZOd58&start=44&rel=0,style=width:320px;%20height:240px;)]]
}}}
The player's parameter can be passed as a query string. See also: ​https://developers.google.com/youtube/player_parameters

== Embed metacafe video ==
{{{
[[Movie(http://www.metacafe.com/watch/1768855/the_size_of_all_planets_are_relative/)]]
}}}

== Embed vimeo video ==
{{{
[[Movie(http://vimeo.com/106808835)]]
}}}

Fully qualified form:
* from your project's htdocs: {{{htdocs://site/filename.flv}}}
* from a plugin's htdocs: {{{htdocs://plugin/dir/filename.flv}}}
* from an attachment on ticket #1234: {{{ticket://123/filename.flv}}}
* from an attachment on a wiki page: {{{wiki://WikiWord/filename.flv}}}
* from your SVN repository revision [1024], you can also use HEAD as your revision: {{{source://1024/trunk/docs/filename.flv}}}

{{{
[[Movie(file name.mp4) ]]
}}}