2011-09-30 17:28:43 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>HTML5 Video Player</title>
|
|
|
|
|
|
|
|
|
|
<link href="design/video-js.css" rel="stylesheet" type="text/css">
|
|
|
|
|
|
|
|
|
|
<!--[if IE]>
|
2012-05-10 15:40:48 -03:00
|
|
|
<script src="https://getfirebug.com/releases/lite/1.4/firebug-lite.js"></script>
|
2011-09-30 17:28:43 -07:00
|
|
|
<!--<![endif]-->
|
|
|
|
|
|
|
|
|
|
<script src="src/core.js"></script>
|
|
|
|
|
<script src="src/lib.js"></script>
|
|
|
|
|
<script src="src/json.js"></script>
|
|
|
|
|
|
2011-11-29 11:40:05 -08:00
|
|
|
<script src="src/component.js"></script>
|
|
|
|
|
<script src="src/player.js"></script>
|
|
|
|
|
<script src="src/tech.js"></script>
|
|
|
|
|
<script src="src/controls.js"></script>
|
2011-09-30 17:28:43 -07:00
|
|
|
<script src="src/events.js"></script>
|
|
|
|
|
<script src="src/tracks.js"></script>
|
2012-08-13 13:34:40 -07:00
|
|
|
|
|
|
|
|
<script src="tech/html5/html5.js"></script>
|
|
|
|
|
<script src="tech/flash/flash.js"></script>
|
2011-11-30 13:06:32 -08:00
|
|
|
|
2012-01-09 12:18:08 -08:00
|
|
|
<script src="src/setup.js"></script>
|
2012-08-13 13:34:40 -07:00
|
|
|
|
2011-11-30 13:06:32 -08:00
|
|
|
<script type="text/javascript" charset="utf-8">
|
2011-11-30 13:34:33 -08:00
|
|
|
// Easy access to test Flash over HTML5. Add ?flash to URL
|
2011-11-30 13:06:32 -08:00
|
|
|
if (window.location.href.indexOf("?flash") !== -1) {
|
2012-08-13 13:34:40 -07:00
|
|
|
_V_.options.techOrder = ["flash"];
|
|
|
|
|
_V_.options.flash.swf = "tech/flash/video-js.swf";
|
2011-11-30 13:06:32 -08:00
|
|
|
}
|
|
|
|
|
</script>
|
2011-09-30 17:28:43 -07:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2011-10-03 10:25:02 -07:00
|
|
|
|
2012-01-09 12:18:08 -08:00
|
|
|
<video id="vid1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264"
|
2011-11-17 16:28:49 -08:00
|
|
|
poster="http://video-js.zencoder.com/oceans-clip.png"
|
2011-11-29 11:40:05 -08:00
|
|
|
data-setup='{}'>
|
2011-11-14 17:32:10 -08:00
|
|
|
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'>
|
|
|
|
|
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm'>
|
2012-01-09 12:18:08 -08:00
|
|
|
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg'>
|
2011-11-29 16:39:43 -08:00
|
|
|
<p>Video Playback Not Supported</p>
|
2011-09-30 17:28:43 -07:00
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<script>
|
2011-10-03 10:25:02 -07:00
|
|
|
vid = document.getElementById("vid1");
|
2011-09-30 17:28:43 -07:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
