video.js使用


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM