就长这个样子,该有的功能都有了
首先安装
npm install video.js
然后创建一个vue文件
<template>
<div class="full" style="padding: 10px;overflow: auto;">
<video :id="videoId" class="video-js"></video>
</div>
</template>
<script setup lang="ts">
import { onMounted} from "vue";
import videojs from "video.js";
import 'video.js/dist/video-js.css';
const videoId="video_"+new Date().getTime();
onMounted(()=>{
var player = videojs(videoId, {
sources: [{
src: 'http://xxx/xxx/test.mp4',
type: 'video/mp4'
}],
controls: true,
fluid: true,
preload: 'auto',
autoplay: true,
playbackRates: [0.5,0.75,1, 1.25, 1.5, 2,3,4,5],
language:'zh-CN',
nativeControlsForTouch: false,
});
});
</script>
<style scoped>
</style>