Media syntax uses the anchor-style as the encapsulator for the media. This was chosen due to the logical similarity of a link relating to an external location.

* images

[[image:my_image.png]]
  #[[image:my_image.png]]
  #<img src="my_image.png">

Audio and video rely on HTML5 video support.

* audio

[[audio:my_audio.ogg]]
  #[[audio:my_audio.ogg]]
  #<audio src="audio.ogg" controls autoplay loop>

* multiple audio sources (not implemented)
[[my_audio.ogg, my_audio.mp3]]
[[audio:my_audio.ogg, my_audio.mp3]]
  #<audio controls>
  #  <source src="my_audio.ogg" type="audio/ogg">
  #  <source src="my_audio.mp3" type="audio/mp3">
  #  Your browser does not support the <code>audio</code> element.
  #</audio>

* video

[[video:my_video.ogm]]
  #[[video:my_video.ogm]]
  #<video src="my_video.ogm" controls>
  #Your browser does not support the <code>video</code> element.
  #</video>

* multiple video sources (not implemented)
[[my_video.ogm,my_video.mp4]]
[[video:my_video.ogm, my_video.mp4]]
  #<video controls>
  #  <source src="my_video.ogm" type="video/ogg">
  #  <source src="my_video.mp4" type="video/mp4">
  #  Your browser does not support the <code>video</code> element.
  #</video>

Support also exists for embedded videos from youtube and vimeo.

* youtube

[[youtube:aMp9nZ57gqI]]
  #[[youtube:aMp9nZ57gqI]]
  #[[youtube:http://youtube.com/watch?v=aMp9nZ57gqI]]
  #[[http://youtube.com/watch?v=aMp9nZ57gqI]]
  #<iframe width="560" height="315" src="//www.youtube.com/embed/aMp9nZ57gqI" frameborder="0" allowfullscreen></iframe>

* vimeo

[[vimeo:1084537]]
  #[[vimeo:1084537]]
  #[[vimeo:http://vimeo.com/1084537]]
  #[[http://vimeo.com/1084537]]
  #<iframe src="//player.vimeo.com/video/1084537" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>