Difference between revisions of "Widget:Html5video"
From Computational Memory Lab
| Line 13: | Line 13: | ||
[http://diveintohtml5.com/video.html Mark Pilgrim's "Dive into HTML5"] was invaluable in wrapping my head around HTML5 video and writing this widget. | [http://diveintohtml5.com/video.html Mark Pilgrim's "Dive into HTML5"] was invaluable in wrapping my head around HTML5 video and writing this widget. | ||
| − | |||
</noinclude> | </noinclude> | ||
| + | |||
| + | |||
<includeonly> | <includeonly> | ||
<video controls autobuffer width="<!--{$width|validate:int|escape:'html'}-->" height="<!--{$height|validate:int|escape:'html'}-->"> | <video controls autobuffer width="<!--{$width|validate:int|escape:'html'}-->" height="<!--{$height|validate:int|escape:'html'}-->"> | ||
Revision as of 19:49, 22 January 2013
Usage
{{#widget:Html5video
|src=../files/mediawiki_videos/Supplemental_Movie_S2
|width=960
|height=264
}}
- src=[SOURCE] Specify path to source video(s), relative to mediawiki root (or full URL). Leave off extension.
- Best practice is to have mp4/m4v, webm, and ogg/ogv copies.
- width=[WIDTH] Specify video width in pixels
- height=[HEIGHT] Specify video height in pixels
Mark Pilgrim's "Dive into HTML5" was invaluable in wrapping my head around HTML5 video and writing this widget.
