2011-10-01 03:28:43 +03: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]>
|
|
|
|
|
<script src="https://getfirebug.com/releases/lite/1.3/firebug-lite.js"></script>
|
|
|
|
|
<!--<![endif]-->
|
|
|
|
|
|
|
|
|
|
<!-- <script src="dist/video.js"></script> -->
|
|
|
|
|
|
|
|
|
|
<script src="src/core.js"></script>
|
|
|
|
|
<script src="src/lib.js"></script>
|
|
|
|
|
<script src="src/ecma.js"></script>
|
|
|
|
|
<script src="src/json.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/log.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/api.js"></script>
|
|
|
|
|
<script src="src/events.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/tracks.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/behaviors/behaviors.js"></script>
|
|
|
|
|
<script src="src/behaviors/seekBar.js"></script>
|
|
|
|
|
<script src="src/behaviors/volume.js"></script>
|
|
|
|
|
<script src="src/behaviors/texttrackdisplays.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/controls/bigPlay.js"></script>
|
|
|
|
|
<script src="src/controls/bar.js"></script>
|
|
|
|
|
<script src="src/controls/subtitlesBox.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/tech/html5.js"></script>
|
|
|
|
|
<script src="src/tech/flowplayer.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="src/tech/h5swf.js"></script>
|
|
|
|
|
|
2011-10-03 20:25:02 +03:00
|
|
|
<script src="src/tech/youtube.js"></script>
|
|
|
|
|
|
2011-10-01 03:28:43 +03:00
|
|
|
<script src="src/autoload.js"></script>
|
2011-11-15 04:32:10 +03:00
|
|
|
|
2011-10-01 03:28:43 +03:00
|
|
|
<script type="text/javascript" src="flash/swfobject.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2011-10-03 20:25:02 +03:00
|
|
|
|
2011-11-16 05:04:39 +03:00
|
|
|
<video src="http://video-js.zencoder.com/oceans-clip.mp4" id="vid1" class="video-js vjs-default-skin" autoplay preload="auto" width="640" height="264"
|
|
|
|
|
poster="http://video-js.zencoder.com/oceans-clip.png"></video>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<video id="vid1" class="video-js vjs-default-skin" autoplay preload="auto" width="640" height="264"
|
|
|
|
|
poster="http://video-js.zencoder.com/oceans-clip.png">
|
|
|
|
|
<!-- data-setup='{"techOrder":["html5","h5swf","youtube"]}'> -->
|
2011-11-15 04:32:10 +03: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'>
|
|
|
|
|
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"'>
|
|
|
|
|
<source src="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" type='video/flv'>
|
2011-10-03 20:25:02 +03:00
|
|
|
<source src="http://www.youtube.com/watch?v=YjaZNYSt7o0&feature=related" type='video/youtube'>
|
2011-10-01 03:28:43 +03:00
|
|
|
<!-- <track kind="subtitles" src="http://videojs.com/subtitles/demo-subtitles.srt" srclang="en-US" label="English"></track> -->
|
|
|
|
|
<!-- <track kind="subtitles" src="demo-subtitles.srt" srclang="en-US" label="English"></track> -->
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<script>
|
2011-10-03 20:25:02 +03:00
|
|
|
vid = document.getElementById("vid1");
|
2011-10-01 03:28:43 +03:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
