html5播放器示例

liujieheng 2013-12-08

来源:flash,as,js兴趣爱好者html5播放器示例


    <!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 &amp; 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>

Global site tag (gtag.js) - Google Analytics