美文网首页
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