====== html5video Plugin ======
===== Examples/Usage =====

Syntax for this plugin matches (as closely as possible) the default syntax for images in DokuWiki.

Simple syntax:

<code>{{URL|}}</code>

Where ''URL'' is any valid web address or a local DokuWiki address (e.g. '':namespace:video.webm''). If you uploaded your video via the Media Manager, this is the exact syntax used when you insert that file. Any properly encoded webm, ogv, or mp4 file should work. By default, this plugin sets the video size to half 720p (640x360). To enter your own size, use the following syntax:

<code>{{URL|WIDTHxHEIGHT}}</code>

Example:

<code>{{:videos:totally_sweet_tutorial.webm|320x240}}</code>

More detailed Syntax descriptions and additional features are covered in the next section.

===== Syntax =====

Syntax:
<code>{{URL|WIDTHxHEIGHT|ATTRIBUTES}}</code>
  * **''URL''** can be one of this:
    * A valid web URL (e.g. ''%%http://people.xiph.org/~maikmerten/demos/BigBuckBunny.ogv%%'')
    * A media link within your wiki (e.g. ''%%namespace:my_video.webm%%'')
  * **''WIDTHxHEIGHT''** is the desired width and height of your video player within the page
  * **''ATTRIBUTES''** can be one or both of the following (separated by commas)
    * //loop// - Loops the video to play again once it reaches the end
    * //autoplay// - Automatically starts the video when the page is loaded

:!: //Note that you can use ''ATTRIBUTES'' without specifying a ''WIDTHxHEIGHT'', but if you do so, you **must** include the additional pipe(|) character (e.g. ''%%{{:namespace:myvid.webm||loop,autoplay}}%%''//

You can also align your video with the same basic syntax that works on images in DokuWiki. That is, by adding a space before or after the syntax, within the curly braces. A space at the beginning aligns the video to the right (text flows around the left), a space at the end aligns the video to the left (text flows around the right), and a space on both sides centers the video as a block and text starts below it.

Example:

  * Float video left: <code>{{URL| }}</code>
  * Float video right: <code>{{ URL|}}</code>
  * Center video: <code>{{ URL| }}</code>