video.js 不支持播放MP4
时间: 2023-08-27 08:03:07 浏览: 174
video-js-5.11.4.zip
video.js是一个开源的HTML5视频播放器库,它支持播放多种视频格式,包括MP4。\[1\]要在Vue项目中使用video.js播放MP4视频,你需要在main.js中引入video.js库,并将其挂载到Vue实例的原型上。具体的代码如下:
```javascript
// 引入video.js
import Videojs from 'video.js'
import 'video.js/dist/video-js.min.css'
// 将video.js挂载到Vue实例的原型上
Vue.prototype.$video = Videojs
// 创建Vue实例
new Vue({
render: h => h(App),
}).$mount('#app')
```
然后,在你的组件中,你可以通过`this.$video`来访问video.js的API,例如设置视频的音量和播放位置:
```javascript
// 获取和设置声音
this.$video.volume()
// 设置当前播放位置为100秒
this.$video.currentTime(100)
// 获取视频总时长
this.$video.duration()
```
请注意,由于Vue版本和video.js版本可能不一致,所以上述代码可能会因为版本不兼容而失效。你可以根据你的具体情况进行调整。\[2\]
#### 引用[.reference_title]
- *1* *2* *3* [uni-app npm方式引入video.js教程 支持H5播放m3u8、mp4等格式视频文件](https://blog.csdn.net/wang_9909/article/details/120117927)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文