刚用的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