刚用的video.js做一个视频展示,开始介绍
主要文件:
video.min.js video-js.css
<div class="m">
<video id="my-video" class="video-js" controls preload="auto" width="740" height="400" poster="m.png" data-setup="{}">
<!-- 设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件(video/mp4 video/webm video/ogg) -->
<source src="./movie.ogg" type="video/ogg">
</video>
<script src="./js/video.min.js"></script>
<script type="text/javascript">
videojs.options.flash.swf = "video-js.swf"; //设置flash路径,Video.
?????var myPlayer = videojs(‘my-video‘);
?????// 实现功能加载完成在,自动播放
?????videojs("my-video").ready(function () {
???????//在回调函数中,this代表当前播放器,
???????//可以调用方法,也可以绑定事件。
???????var myPlayer = this;
???????myPlayer.play(); //播放
???????myPlayer.volume(.5); //声音大小(0-1之间)
?????});
其代码包放到放百度云,里面进一步介绍了一些方法的使用,
百度云地址:https://pan.baidu.com/s/1Jjlr6ModA0l8Sbi72bnLSg
video.js使用
原文地址:https://www.cnblogs.com/TLSF/p/9669693.html