我需要在vue的pc端项目中播放avi和mp4格式的视频,我应该选择哪个播放器插件或者有没有什么办法可以实现这个功能
用 HTML5 视频标签配合 video.js 这样的播放器插件,比如:
<template>
<div>
<video ref="videoPlayer" class="video-js"></video>
</div>
</template>
<script>
import videojs from 'video.js';
export default {
mounted() {
this.player = videojs(this.$refs.videoPlayer, {
controls: true,
sources: [{
src: 'path/to/your/video.mp4',
type: 'video/mp4'
}]
});
},
beforeDestroy() {
if (this.player) {
this.player.dispose();
}
}
};
</script>