vue-video-player播放avi
时间: 2023-09-25 19:15:51 浏览: 220
vue-video-player-:一个轮播加视频自动播放原始码,为了记忆
Vue Video Player 默认使用 HTML5 Video 标签进行视频播放,而 HTML5 Video 不支持 AVI 格式的视频。所以,如果你想在 Vue Video Player 中播放 AVI 格式的视频,你需要先将该视频转换为支持的格式,例如 MP4 或 WebM。
你可以使用一些视频转换工具,例如 FFmpeg、HandBrake 等,将 AVI 格式的视频转换为 MP4 或 WebM 格式。转换完成后,将视频文件放入 Vue Video Player 的 source 中即可播放。例如:
```html
<template>
<div>
<video-player :options="playerOptions" ref="videoPlayer">
<source src="/path/to/converted/video.mp4" type="video/mp4" />
</video-player>
</div>
</template>
<script>
import VideoPlayer from 'vue-video-player'
export default {
components: {
VideoPlayer
},
data() {
return {
playerOptions: {}
}
}
}
</script>
```
注意,转换视频格式可能会损失一些视频质量,所以建议在转换前备份原始视频文件。
阅读全文