学习Video.js
查阅官方文档,学习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 |
|