【vue】Easy Player实现视频播放:

文章目录

        • 一、效果:
        • 二、文档:
        • 三、实现:
            • 【1】安装插件:
            • 【2】引入js文件:
            • 【3】使用:
        • 四、方法:


一、效果:

【vue】Easy Player实现视频播放:_第1张图片

二、文档:

GitCode - EasyPlayer.js
npm-@easydarwin/easyplayer
【vue】Easy Player实现视频播放:_第2张图片

三、实现:
【1】安装插件:
npm i @easydarwin/easyplayer
【2】引入js文件:

【vue】Easy Player实现视频播放:_第3张图片
【vue】Easy Player实现视频播放:_第4张图片

<script src="./EasyPlayer-lib.min.js"></script>
【3】使用:

【vue】Easy Player实现视频播放:_第5张图片

<easy-player :videoUrl="videoUrl" fluent utoplay live stretch 
  style="width:480px;height:250px;"></easy-player>

import EasyPlayer from "@easydarwin/easyplayer"

components: { EasyPlayer },
四、方法:

【vue】Easy Player实现视频播放:_第6张图片
【vue】Easy Player实现视频播放:_第7张图片

你可能感兴趣的:(Vue框架,vue.js,前端,javascript)