Widget:Webm: Difference between revisions
No edit summary |
(+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://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 09: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>