Video.js配置详解

标准元素选项

这些选项中的每一个都还可以作为标准的元素属性使用。
因此，可以按照设置指南中概述的所有三种方式定义它们。
通常，默认值未列出，因为这留给了浏览器供应商。

• autoplay
  • Type: boolean|string
  • 注意：目前，自动播放属性和选项并不保证您的视频将自动播放。
  • 注意2：如果媒体元素上有一个属性，则该选项将被忽略。
  • 注意3：您不能在属性中传递字符串值，必须在videojs选项中传递它
  • 代替使用autoplay属性，您应该将autoplay选项传递给videojs函数。 以下值是有效的：
  • 布尔值false ：与video元素上没有属性相同，不会自动播放
  • 布尔值true：与在video元素上具有属性相同，将使用浏览器自动播放
  • 字符串值==‘muted’==：将使视频元素静音，然后在loadstart上手动调用play（）。 这可能会起作用。
  • 字符串值==‘play’==：将在loadstart上调用play（），类似于浏览器的自动播放
  • 字符串值==‘any’==：将在loadstart上调用play（），如果诺言被拒绝，它将使video元素静音，然后调用play（）。

var player = videojs('my-video', {
autoplay: 'muted'
});
// or
player.autoplay('muted');

• controls
  • Type: boolean
  • 确定播放器是否具有用户可以与之交互的控件。
    如果没有控件，则开始播放视频的唯一方法是使用autoplay属性或通过Player API。
• height
  • Type: string|number
  • 设置视频播放器的显示高度（以像素为单位）。
• width
  • Type: string|number
  • 设置视频播放器的显示宽度（以像素为单位）。
• loop
  • Type: boolean
  • 使视频在结束时重新开始。
• muted
  • Type: boolean
  • 默认情况下将使所有音频静音。
• poster
  • Type: string
  • 在视频开始播放之前显示的图像的URL。
    这通常是视频的帧或自定义标题屏幕。
    用户点击“播放”后，图像就会消失。
• preload
  • Type: string
  • 向浏览器建议是否在加载元素后立即开始下载视频数据。
    支持的值为：
    • 'auto': 立即开始加载视频（如果浏览器支持的话）。 某些移动设备不会预加载视频以保护其用户的带宽/数据使用情况。 这就是为什么将该值称为“ auto”而不是诸如“ true”之类的更确定性的原因的原因。这往往是最常见和推荐的值，因为它允许浏览器选择最佳行为。
      -'metadata': 仅加载视频的元数据，其中包括诸如视频的持续时间和尺寸之类的信息。 有时，将通过下载几帧视频来加载元数据。
    • 'none': 不要预加载任何数据。 浏览器将等待，直到用户单击“播放”开始下载。
• src
  • Type: string
  • 嵌入视频源的资源URL。

组件选项

• children
  • Type: Array|Object
  • 如果是Array（这是默认设置），则用于确定哪个子项（按组件名称）以及在播放器（或其他组件）上的创建顺序：

// 
videojs('my-player', {
children: [
'bigPlayButton',
'controlBar'
]
});

子选项也可以作为对象传递。
在这种情况下，它用于为任何/所有子项提供选项，包括使用false禁用它们：

// 该玩家的唯一孩子将是controlBar。显然，这不是禁用孙子的理想方法！
videojs('my-player', {
children: {
controlBar: {
fullscreenToggle: false
}
}
});

• ${componentName}
  • Type: Object
  • 可以通过组件名称的小写驼峰形式为组件提供自定义选项（例如ControlBar的ControlBar）。 这些可以嵌套在孙辈关系的表示中。 例如，要禁用全屏控件：

videojs('my-player', {
controlBar: {
fullscreenToggle: false
}
});

技术选项

• ${techName}
  • Type: Object
  • 可以为Video.js播放技术（即“技术”）提供自定义选项，作为传递给videojs函数的选项的一部分。
    它们应该以技术名称的小写字母形式传递（例如“ flash”或“ html5”）。
• flash
  • 指定用于Flash技术的Video.js SWF文件的位置：

videojs('my-player', {
flash: {
swf: '//path/to/videojs.swf'
}
});

但是，更改全局默认值通常更合适：

videojs.options.flash.swf = '//path/to/videojs.swf'

最后

以上就是威武墨镜为你收集整理的Video.js配置详解的全部内容，希望文章能够帮你解决Video.js配置详解所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。