Difference between revisions of "Widget:Html5video"

From Computational Memory Lab
Jump to: navigation, search
Line 8: Line 8:
  
 
* <tt>'''src=[SOURCE]'''</tt> Specify path to source video(s), relative to mediawiki root (or full URL). Leave off extension.
 
* <tt>'''src=[SOURCE]'''</tt> Specify path to source video(s), relative to mediawiki root (or full URL). Leave off extension.
** Best practice is to have <tt>mp4</tt>, <tt>webm</tt>, and <tt>ogg</tt> copies.
+
** Best practice is to have <tt>mp4/m4v</tt>, <tt>webm</tt>, and <tt>ogg/ogv</tt> copies.
 
* <tt>'''width=[WIDTH]'''</tt> Specify video width in pixels
 
* <tt>'''width=[WIDTH]'''</tt> Specify video width in pixels
 
* <tt>'''height=[HEIGHT]'''</tt> Specify video height in pixels
 
* <tt>'''height=[HEIGHT]'''</tt> Specify video height in pixels

Revision as of 19:47, 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.