vue3-@vue/cli 5.0.0-beta.7 - video.js 7

看了下网上貌似还没vue3适配video.js 7的组件

视频组件vue文件

　　要使用的页面

<template>
    <video-player :options="videoOptions"/>
template>

<script>
import { defineComponent, ref, reactive, toRefs, watch, onMounted } from 'vue'
import VideoPlayer from '@/components/trVideo/index.vue'
export default defineComponent({
    components: {
        VideoPlayer,
    },
    setup() {
        const videoOptions = ref({
            autoplay: true,
            controls: true,
            sources: [
                {
                    src: 'https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm',
                    type: 'video/webm',
                },
            ],
        })
        return {
            videoOptions
        }
    },
})
script>

<style lang="less" scoped>style>

官网示例页面：https://docs.videojs.com/tutorial-vue.html

官网示例是vue2的写法，改成vue3了