video.js使用

Posted 2021-01-07 console、阿飞

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