Video.js 视频播放器

https://videojs.com/getting-started/#videojs-cdn

pnpm add -S video.js

<template>
  <video ref=\"videoRef\" class=\"video-js vjs-default-skin\" controls>
    <source :src=\"dataSrc\" />
  </video>
</template>
<script setup lang=\"ts\">
  import videojs from 'video.js';
  import 'video.js/dist/video-js.css';

  defineProps({
    dataSrc: {
      type: String,
      default: () => '',
    },
  });

  let player = ref('');
  const videoRef = ref('');
  onMounted(() => {
    nextTick(() => {
      player.value = videojs(videoRef.value);
    });
  });
</script>

<style scoped lang=\"scss\">
  .video-js {
    width: 100%;
    height: 100%;
  }
</style>