yy-video-player

基于uni-app开发的一款视频播放器插件，开箱即用，具有视频下载，页面返回，弹幕，进度条等功能。
插件地址：https://ext.dcloud.net.cn/plugin?id=856

使用截图

非全屏播放

全屏播放

使用教程

导入插件

  import yyVideoPlayer from '@/components/yy-video-player.nvue';

声明插件

  components: {yyVideoPlayer}

使用插件

<yy-video-player :auto-play="false" :url="url"  :poster="poster" :danmu-list="danmuList"  :show-back-btn="true"
></yy-video-player>

参数说明：

属性	说明	是否必填	默认值
url	视频地址，支持的格式请参考uni-app官网	是
poster	视频封面地址，支持的格式请参考uni-app官网	是
auto-play	是否自动播放	否	true
danmu-list	弹幕列表	否	[]
show-back-btn	是否显示返回按钮	否	false
show-download-btn	是否显示下载按钮	否	false
process-bar-color	进度条颜色	否	#39BFFD

其它说明

如需设置后台不播放，返回页面继续播放，请在使用插件的页面内监听：

    onShow() {if (this.videoContext) {this.videoContext.play();}},onReady: function() {this.videoContext = uni.createVideoContext('video', this);},onHide: function() {if (this.videoContext) {this.videoContext.stop();}}

视频组件使用的是fixed布局，默认高度为227px，这样方便下面的内容上滑时视频组件始终在最上层，如需视频下面开发界面，可以使用一个高度为227px的占位div。

发弹幕使用

  this.videoContext.sendDanmu({text: this.danmuValue,color: "#FFF"});

本人很菜，如有bug欢迎提issue。

github地址：https://github.com/RickyHal/yy-video-player

基于uni-app开发的一款视频播放器插件相关推荐

自己开发了一款视频播放器app
自己开发了一款视频播放器app,可以观看各大视频网站的视频,里面还加入了各个电视台的电视直播,下载安装就可以观看完全免费, 没有登录的用户不能使用收藏功能,登录后可以使用,其他功能完全免费下载地址 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
基于安卓app开发项目(在线数独对战游戏平台)的毕业设计（附源码）
大家好!我是职场程序猿,感谢您阅读本文,欢迎一键三连哦. 基于安卓app开发项目(在线数独对战游戏平台)的毕业设计目录一.项目简介二.系统核心功能模块部分截图 2.1用户登陆的设计与实现 2.2 ...
activiti表单设计器_基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址: http://tools.xiaoyaoji.cn/form Gi ...
基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址:http://form.making.link GitHub地址:h ...
基于Arduino Uno开发板制作音乐播放器
基于Arduino Uno开发板制作音乐播放器本文将基于Arduino开发板实现一个音乐播放器. 利用Arduino Uno读取sd卡模块中内存卡的音乐,传输信号到扬声器进行播放. 一.项目软硬件简 ...
基于MSP430G2553官方开发板的音乐播放器
基于MSP430G2553官方开发板的音乐播放器实现目标硬件资源芯片资源使用情况外接硬件程序实现开发环境配置各部分硬件驱动主循环功能实现实现目标实现以蜂鸣器为播放设备,能够对简谱乐 ...
html5播放器迅雷,搜狗浏览器HTML5视频播放器插件(HTML5.Video.Player)
一款搜狗浏览器的HTML5视频播放器插件,安装后可以使用HTML5方式播放优酷.土豆.爱奇艺.搜狐视频.迅雷离线.腾讯视频.56视频等网站的视频,避免使用adobe flash player插件,降低 ...
web player html5源码,GitHub - WEBHH/DanmuPlayer: Html5弹幕视频播放器插件
DanmuPlayer ##Html5弹幕视频播放器插件 Danmmu Player是一个具备弹幕功能的Html5视频播放器. 具备弹幕视频播放,接受用户发送彩色弹幕,实时调解弹幕显示效果等功能. D ...

基于uni-app开发的一款视频播放器插件