<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Video Player | Video.js
</title>
<meta name="description" content="Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.">
<meta name="author" content="Steve Heffernan & Contributors">
<link href="/function/js_function/texiao/html5player/main.css" rel="stylesheet"/>
<link href="/function/js_function/texiao/html5player/bootstrap-combined.no-icons.min.css" rel="stylesheet"/>
<link href="/function/js_function/texiao/html5player/font-awesome.css" rel="stylesheet"/>
<script src='/function/js_function/jquery/jquery.1.9.1.min.js'></script>
<script src='/function/js_function/texiao/html5player/bootstrap.min.js'></script>
<script src='/function/js_function/texiao/html5player/bootstrap-slider.js'></script>
<script src='/function/js_function/texiao/html5player/bootstrap-colorpicker.js'></script>
<script src='/function/js_function/texiao/html5player/prettify.js'></script>
<script src='/function/js_function/texiao/html5player/video.js'></script>
<link href="/function/js_function/texiao/html5player/video-js.css" rel="stylesheet"/>
<script src='/function/js_function/texiao/html5player/scripts.js'></script>
<link href="/function/js_function/texiao/html5player/main.css" rel="stylesheet"/>
</head>
<body>
<div class="row">
<div class="video span10 offset1">
<video id="home_video" controls preload="none" poster="/function/js_function/texiao/html5player/poster.jpg" class="video-js vjs-default-skin">
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
<track kind="captions" src="http://www.videojs.com/vtt/captions.vtt" srclang="en" label="English"></track>
</video>
</div>
</div>
</body>
</html>
html5播放器示例
liujieheng
2013-12-08
|