Bootstrap

学习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

controls

确定播放器是否具有可供用户交互的控件

boolean

height

设置视频播放器的显示高度(以像素为单位)

string|number

loop

使视频在结束后立即重新开始

boolean

muted

;