查阅官方文档,学习video.js相关属性、回调与方法:
播放器选项设置
①标准的video标签属性
<video controls autoplay preload="auto" ...>
②data-setup属性传递JSON
<video data-setup='{"controls": true, "autoplay": false, "preload": "auto"}'...>
③创建播放器实例以第二个参数配置
videojs('my-player', {
controls: true,
autoplay: false,
preload: 'auto'
});
//修改选项
var player = videojs('my-player');
player.options({ enableSmoothSeeking: true });
// 设置看不到播放时间前面的负号
player.options({
controlBar: {
remainingTimeDisplay: {
displayNegative: false,
}
},
});
选项的学习
配置选项 |
含义 |
类型 |
autoplay |
自动播放 |
boolean|string |
controlBar.remainingTimeDisplay.displayNegative |
默认情况下,剩余时间显示为负数时间 |
boolean |
|
确定播放器是否具有可供用户交互的控件 |
boolean |
height |
设置视频播放器的显示高度(以像素为单位) |
string|number |
|
使视频在结束后立即重新开始 |
boolean |
|