美文网首页
vue 视频 插件 vue-aliplayer-v2

vue 视频 插件 vue-aliplayer-v2

作者: 郭的妻 | 来源:发表于2020-05-06 09:21 被阅读0次

1.首先在你的vue项目当中安装依赖

npm install vue-aliplayer -S
yarn add vue-aliplayer -S

2.在你需要的用到视频的页面 引入

import VueAliplayerV2 from 'vue-aliplayer-v2';
export default {
        components: {
            VueAliplayerV2: VueAliplayerV2.Player
        },
}

3.在当页的html中写入

<vue-aliplayer-v2 source="https://budong-contest.oss-accelerate.aliyuncs.com/custom/%E5%AE%B6%E6%9C%89%E7%90%B4%E7%AB%A5banner_video.mp4" autoplay ref="VueAliplayerV2" id="player-1194076936807170050" />

相关文章

网友评论

      本文标题:vue 视频 插件 vue-aliplayer-v2

      本文链接:https://www.haomeiwen.com/subject/gxkightx.html