video标签画面全铺

以下是使用vue-video-player插件实现video标签画面全铺的方法：

<template>
  <div>
    <video-player ref="videoPlayer" :options="playerOptions" @ready="onPlayerReady" @fullscreen="onFullScreen"></video-player>
  </div>
</template>

<script>
import { videoPlayer } from 'vue-video-player'
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'

export default {
  components: {
    videoPlayer
  },
  data () {
    return {
      playerOptions: {
        autoplay: false,
        controls: true,
        sources: [{
          src: 'your_video_url',
          type: 'video/mp4'
        }],
        fluid: true, // 设置为true，视频画面会全铺满
        aspectRatio: '16:9'
      }
    }
  },
  methods: {
    onPlayerReady (player) {
      console.log('player ready', player)
    },
    onFullScreen (player) {
      console.log('fullscreen', player)
    }
  }
}
</script>