video.js中视频属性设置

Video.js中的视频属性设置可以通过修改video标签的class和使用对象数组来实现。

首先，可以通过给video标签添加class来修改播放按钮的位置。例如，如果想将播放按钮放在左上角，可以给video标签添加class="vjs-big-play-centered"。这样就可以将播放按钮居中显示在视频的左上角。

其次，可以使用对象数组来设置视频的源文件。通过使用sources属性，可以传入一个包含src和type属性的对象数组。每个对象代表一个视频源文件，src属性指定视频文件的路径，type属性指定视频文件的类型。例如，可以这样设置视频的源文件：

videojs('my-player', {
sources: [
{
src: './video/video.mp4',
type: 'video/mp4'
},
{
src: './video/video.webm',
type: 'video/webm'
}
]
});
这样就可以为video.js播放器设置多个视频源文件，以便在不同浏览器和设备中提供更好的兼容性和支持。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [在vue项目中使用video.js实现视频播放和视频进度条打点](https://blog.csdn.net/qq_31851435/article/details/129194901)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]