1、在页面中引用video-js.cs样式文件和video.js<linkhref="video-js.css"rel="stylesheet"type="text/css"> <scriptsrc="video.js"></script>
2、设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件<script> videojs.options.flash.swf="video-js.swf"; </script>
3、htmlposter="**"播放初始图。可使用三种视频格式,根据所需要格式选择对应的。<videoid="example_video1"class="video-jsvjs-default-skin"controlspreload="none"width="640"height="264"poster="http://video-js.zencoder.com/oceans-clip.png"data-setup="{}"> <sourcesrc="http://视频地址格式1.mp4"type='video/mp4'/> <sourcesrc="http://视频地址格式2.webm"type='video/webm'/> <sourcesrc="http://视频地址格式3.ogv"type='video/ogg'/><trackkind="captions"src="demo.captions.vtt"srclang="en"label="English"></track><!--TracksneedanendingtagthankstoIE9--><trackkind="subtitles"src="demo.captions.vtt"srclang="en"label="English"></track><!--TracksneedanendingtagthankstoIE9--></video>
4、设置自动播放将下面代码加到html中代码后面<scripttype="text/javascript"> varmyPlayer=videojs('example_video1'); videojs("example_video1").ready(function(){ varmyPlayer=this; myPlayer.play(); }); </script>