在Nuxt 3中导入video.js

npm install --save-dev video.js

模板：

<template>
 <v-container>
  <video ref="videoPlayer" width="500" class="video-js"></video>
 </v-container>
</template>

脚本：

<script setup>
  import videojs from "video.js";
  import 'video.js/dist/video-js.css'
  import { ref, onMounted } from 'vue'
  const videoPlayer = ref()
  let player = null;
  onMounted(() =>{
    player = videojs(videoPlayer.value, {
      autoplay: false,
      controls: true,
      sources: [
        {
          src: 'video-link',
          type: 'video/mp4'
        }
      ]
    }, function onPlayerReady() {
      console.log('Player is ready!');
    });
  })
</script>