2010-05-19 03:23:19 +03:00
<!DOCTYPE html>
< html >
2010-05-14 21:49:06 +03:00
< head >
2010-05-19 03:23:19 +03:00
< meta charset = "utf-8" / >
< title > Video JS | HTML5 Video Player< / title >
< script src = "video-js/video.js" type = "text/javascript" charset = "utf-8" > < / script >
< script type = "text/javascript" charset = "utf-8" >
2010-05-14 21:49:06 +03:00
2010-05-19 03:23:19 +03:00
var bodyLoaded = function(){
VideoJS.setup();
2010-05-14 21:49:06 +03:00
}
2010-05-19 03:23:19 +03:00
< / script >
< link rel = "stylesheet" href = "stylesheets/base.css" type = "text/css" media = "all" charset = "utf-8" / >
< link rel = "stylesheet" href = "video-js/video-js.css" type = "text/css" media = "all" charset = "utf-8" / >
< link rel = "stylesheet" href = "stylesheets/site.css" type = "text/css" media = "all" charset = "utf-8" / >
<!-- [if !IE 7]>
< style type = "text/css" >
#wrap {display:table;height:100%}
< / style >
<![endif]-->
2010-05-19 03:27:41 +03:00
2010-05-14 21:49:06 +03:00
< / head >
2010-05-19 03:23:19 +03:00
< body onload = "bodyLoaded()" >
2010-05-14 21:49:06 +03:00
2010-05-19 03:23:19 +03:00
< div id = "wrap" >
< div id = "main" >
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< ul id = "nav" >
< li > < a href = "http://github.com/zencoder/video-js" > Source< / a > < / li >
< li > < a href = "http://github.com/zencoder/video-js/issues" > Issue Tracker< / a > < / li >
< li > < a href = "http://wiki.github.com/zencoder/video-js/" > Wiki< / a > < / li >
< / ul >
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< h1 > Video JS< / h1 >
< p class = "tagline" > Open Source HTML5 Video Player< / p >
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< div class = "video-box" >
2010-05-19 08:01:43 +03:00
<!-- Using the Video for Everybody Embed Code (modified for VP8/WebM) http://camendesign.com/code/video_for_everybody -->
2010-05-19 06:21:19 +03:00
< video id = "video" class = "video-js" width = "640" height = "264" poster = "http://video-js.s3.amazonaws.com/oceans-clip.png" autobuffer >
2010-05-19 08:01:43 +03:00
< source src = "http://video-js.s3.amazonaws.com/oceans-clip.mp4" type = "video/mp4" > < / source >
2010-05-19 07:39:17 +03:00
< source src = "http://video-js.s3.amazonaws.com/oceans-clip.webm" type = "video/webm" > < / source >
2010-05-19 08:01:43 +03:00
< source src = "http://video-js.s3.amazonaws.com/oceans-clip.ogg" type = "video/ogg" > < / source >
2010-05-19 03:23:19 +03:00
< object width = "640" height = "264" type = "application/x-shockwave-flash"
data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
< param name = "movie" value = "http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" / >
< param name = "allowfullscreen" value = "true" / >
< param name = "flashvars" value = 'config={"clip":"http://video-js.s3.amazonaws.com/oceans-clip.mp4"}' / >
2010-05-19 06:21:19 +03:00
< img src = "http://video-js.s3.amazonaws.com/oceans-clip.png" width = "640" height = "264" alt = "Poster Image" title = "No video playback capabilities." / >
2010-05-19 03:23:19 +03:00
< / object >
< / video >
< / div >
< p id = "video_note" > Video clip is from < a href = "http://disney.go.com/disneynature/oceans/" title = "Oceans" > Disney’ s Oceans< / a > < / p >
2010-05-19 03:27:41 +03:00
2010-05-19 21:35:57 +03:00
< p > Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consisten look between browsers.< / p >
2010-05-19 03:27:41 +03:00
< div id = "features_and_support" class = "clearfix" >
< div id = "features" >
2010-05-19 03:23:19 +03:00
< h6 > Features< / h6 >
< ul id = "feature_list" >
< li > Free & Open Source< / li >
< li > Lightweight. < strong > NO IMAGES USED< / strong > < / li >
< li > 100% skinnable using CSS< / li >
< li > Library independant< / li >
< li > Easy to use< / li >
< li > Easy to understand & extend< / li >
< li > Consistent look between browsers< / li >
< li > Full Window Mode< / li >
< li > Volume Control< / li >
2010-05-19 03:53:58 +03:00
< li > Fallback to < a href = "http://flowplayer.org/" > Flowplayer< / a > < / li >
2010-05-19 03:23:19 +03:00
< li > < / li >
< / ul >
< / div >
< div id = "supported" class = "clearfix" >
< h6 > Download< / h6 >
< div class = "supported-section" >
< a href = "http://github.com/zencoder/video-js/zipball/master" title = "Zip Download" > < img src = "images/icons/zip.png" alt = "Zip Download" > < / a >
< a href = "http://github.com/zencoder/video-js/tarball/master" title = "Tar Download" > < img src = "images/icons/tar.png" alt = "Tar Download" > < / a >
< / div >
< h6 > Supported Browsers< / h6 >
< div class = "supported-section" >
< a href = "http://www.mozilla.com/en-US/firefox/firefox.html" title = "Firefox" > < img src = "images/icons/firefox.png" alt = "Firefox" > < / a >
< a href = "http://www.apple.com/safari/" title = "Safari" > < img src = "images/icons/safari.png" alt = "Safari" > < / a >
< a href = "http://www.google.com/chrome" title = "Chrome" > < img src = "images/icons/chrome.png" alt = "Chrome" > < / a >
< / div >
< h6 > Fallback Support For< / h6 >
< div class = "supported-section" >
< a href = "http://www.microsoft.com/windows/Internet-explorer/default.aspx" title = "IE" > < img src = "images/icons/ie.png" alt = "IE" > < / a >
< a href = "http://www.opera.com/" title = "Opera" > < img src = "images/icons/opera.png" alt = "Opera" > < / a >
< / div >
< h6 > Supported Formats< / h6 >
< div class = "supported-section" >
< a href = "http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC" title = "h264" > < img src = "images/icons/h264.png" alt = "h264" > < / a >
< a href = "http://www.theora.org/" title = "Ogg" > < img src = "images/icons/ogg.png" alt = "Ogg" > < / a >
< a href = "http://www.webmproject.org/" title = "WebM" > < img src = "images/icons/webm.png" alt = "WebM" > < / a >
< / div >
< h6 > Compatible With< / h6 >
< div class = "supported-section" >
< a href = "http://www.apple.com/iphone/" title = "iPhone" > < img src = "images/icons/iphone.png" alt = "iPhone" > < / a >
< a href = "http://www.apple.com/ipad/" title = "iPad" > < img src = "images/icons/ipad.png" alt = "iPad" > < / a >
< / div >
< / div >
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< div id = "disqus_thread" > < / div >
< script type = "text/javascript" >
/**
2010-05-19 03:27:41 +03:00
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
2010-05-19 03:23:19 +03:00
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://videojs.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
< / script >
< noscript > Please enable JavaScript to view the < a href = "http://disqus.com/?ref_noscript=videojs" > comments powered by Disqus.< / a > < / noscript >
< a href = "http://disqus.com" class = "dsq-brlink" > comments powered by < span class = "logo-disqus" > Disqus< / span > < / a >
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< / div >
< / div >
< div id = "footer" >
Hosting & Repository supplied by Zencoder - < a href = "http://zencoder.com" > Video encoding for your app< / a > .
< / div >
< / div >
<!-- <a href="http://github.com/zencoder/video - js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
2010-05-14 21:49:06 +03:00
< div id = "container" >
< div class = "download" >
< a href = "http://github.com/zencoder/video-js/zipball/master" >
< img border = "0" width = "90" src = "http://github.com/images/modules/download/zip.png" > < / a >
< a href = "http://github.com/zencoder/video-js/tarball/master" >
< img border = "0" width = "90" src = "http://github.com/images/modules/download/tar.png" > < / a >
< / div >
< h1 > < a href = "http://github.com/zencoder/video-js" > video-js< / a >
< span class = "small" > by < a href = "http://github.com/zencoder" > zencoder< / a > < / span > < / h1 >
< div class = "description" >
Universal video embed.
< / div >
< h2 > Download< / h2 >
< p >
You can download this project in either
< a href = "http://github.com/zencoder/video-js/zipball/master" > zip< / a > or
< a href = "http://github.com/zencoder/video-js/tarball/master" > tar< / a > formats.
< / p >
< p > You can also clone the project with < a href = "http://git-scm.com" > Git< / a >
by running:
< pre > $ git clone git://github.com/zencoder/video-js< / pre >
< / p >
< div class = "footer" >
get the source code on GitHub : < a href = "http://github.com/zencoder/video-js" > zencoder/video-js< / a >
< / div >
2010-05-19 03:23:19 +03:00
< / div > -->
2010-05-19 03:27:41 +03:00
2010-05-19 03:23:19 +03:00
< script type = "text/javascript" >
//< ![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length ; i + + ) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('< script charset = "utf-8" type = "text/javascript" src = "http://disqus.com/forums/videojs/get_num_replies.js' + query + '" > < / ' + ' s c r i p t > ' ) ;
})();
//]]>
< / script >
2010-05-19 03:27:41 +03:00
2010-05-14 21:49:06 +03:00
< / body >
< / html >