码迷,mamicode.com
首页 > Web开发 > 详细

video.js使用

时间:2018-09-18 17:24:42      阅读:940      评论:0      收藏:0      [点我收藏+]

标签:video   source   大小   player   videojs   自动播放   type   options   control   

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

标签:video   source   大小   player   videojs   自动播放   type   options   control   

原文地址:https://www.cnblogs.com/TLSF/p/9669693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!