教你怎么使用video.js

 时间:2024-10-13 09:39:03

1、在页面中引用video-js.cs样式文件和video.js<linkhref="video-js.css"rel="stylesheet"type="text/css"> <scriptsrc="video.js"></script>

教你怎么使用video.js

2、设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件<script> videojs.options.flash.swf="video-js.swf"; </script>

教你怎么使用video.js

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>

教你怎么使用video.js

4、设置自动播放将下面代码加到html中代码后面<scripttype="text/javascript"> varmyPlayer=videojs('example_video1'); videojs("example_video1").ready(function(){ varmyPlayer=this; myPlayer.play(); }); </script>

  • 头发经常掉该怎么办
  • 工笔画葡萄视频教程
  • 水煮鱼的做法、怎么做水煮鱼才好吃?
  • 三防漆之使用方法
  • PS中如何设置填充深色效果?
  • 热门搜索
    海拉尔旅游 花盆里有虫子怎么办 承德避暑山庄旅游攻略 新疆喀纳斯旅游 小孩长水痘怎么办 汕尾旅游 脚酸是怎么回事 遂昌旅游 泰国旅游攻略 安庆旅游