Difference between revisions of "Widget:Webm"

From Grand Theft Wiki
Jump to: navigation, search
(+poster)
 
Line 14: Line 14:
 
<video id="VidID<!--{$type|validate:'int'}-->" class="video-js vjs-default-skin"
 
<video id="VidID<!--{$type|validate:'int'}-->" class="video-js vjs-default-skin"
 
   controls preload="auto" width="<!--{$width|escape:'htmlall'}-->" height="<!--{$height|escape:'htmlall'}-->"
 
   controls preload="auto" width="<!--{$width|escape:'htmlall'}-->" height="<!--{$height|escape:'htmlall'}-->"
   <!--poster="http://video-js.zencoder.com/oceans-clip.png"-->
+
   poster="http://www.grandtheftwiki.com/images/GTW-logo.png"
 
   data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
 
   data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
 
  <source src="<!--{$source|validate:'url'}-->" type='video/<!--{$type|escape:'htmlall'}-->' />
 
  <source src="<!--{$source|validate:'url'}-->" type='video/<!--{$type|escape:'htmlall'}-->' />
 
</video>
 
</video>

Latest revision as of 10:17, 14 September 2013

Embed a html5 video url. Parameters are:

  • Source (full URL)
  • Type (mp4/webm/ogg).
  • Height and Width (end with px)
  • ID (integer 123 will become #VidID123)

Created by User:Gboyers


<link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/4.1/video.js"></script>

<video id="VidID" class="video-js vjs-default-skin"

 controls preload="auto" width="" height=""
 poster="http://www.grandtheftwiki.com/images/GTW-logo.png"
 data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
<source src="" type='video/' />

</video>