关于vue.js:vuecorevideoplayer播放器

34次阅读

共计 551 个字符,预计需要花费 2 分钟才能阅读完成。

视频

官网:https://core-player.github.io…


装置

第一步:装置
cnpm i vue-core-video-player -S

第二步:main 全局引入

import VueCoreVideoPlayer from 'vue-core-video-player'
Vue.use(VueCoreVideoPlayer)

第三步:HTML

<vue-core-video-player src="门路"></vue-core-video-player>

解决门路问题

内部门路:
非常简单!就是间接上!

 <vue-core-video-player src="http://link.mxlogo.com/vide003.mp4">
 </vue-core-video-player>

本地门路:
不能间接 ./assets/1.mp4,有效的。须要应用 require("...")

<template>
  <div id="app">
       <vue-core-video-player :src="a"></vue-core-video-player>
  </div>
</template>


<script>
    export default{data(){
            return{a:require("./assets/1.mp4")
            }
        }
    }
</script>

正文完
 0