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