微信小程序--视频播放器

1.video组件

scr：要播放视频的资源地址

danmu-list：设置一个弹幕数组列表

danmu-btn：设置是否显示弹幕按钮，只在初始化的时候有效，

不能动态变化。

enable-danmu：设置是否允许展示弹幕，同上。。

autoplay：设置是否自动播放视频，默认值为false。

bindplay：当开始/继续播放时触发事件，执行回调函数。

bindended：当播放到末尾时触发ended事件，执行回调函数。

binderror：当发生错误时触发error事件，执行回调函数。

event.detail={errMsg:'something wrong'}

建立新的目录video:

videowxml：

<view class="page">
<view class="page_hd">
<text class="page_title">video音频</text></view><view class="page_bd" >
<view class="section section_gap"  >
<view class="body-view" style="text-align:center;"><video id="myVideo" src="{{src}}" binderror="videoErrorCallback" controls></video></view>
</view>
</view>
</view>

video.js：

Page({
data:{src:'http://mvvideo.meitudata.com/5402f68acf7a9581.mp4',
},
videoErrorCallback:function(e){console.log('视频错误信息：')console.log(e.detail.errMsg)
}})

代码在初始化的时候数据中设置了一个MP4视频地址，

并定义可一个错误回调，这两个值都在wxml中进行绑定。

微信小程序--视频播放器相关推荐

微信小程序视频播放器
微信小程序视频播放器 1,视频播放器首页 wxml <swiper class="swiper" indicator-dots='{{swipterSet.indicator ...
1.7 微信小程序-视频播放器-发送弹幕
一.视频播放器 video-detail 视频播放器 select-color 发送弹幕 1. 页面制作 2. 选择弹幕颜色 2. Video插件的使用 3. 相关代码 app.json //app. ...
php阅读器开发,微信小程序阅读器的简单实例开发
这篇文章主要介绍微信小程序阅读器的简单实例开发的相关资料,需要的朋友可以参考下今天和朋友聊天说到小程序,然后看在看书,然后我们就弄了个小读书的demo,然后现在分享一下. 一.先来上图: 首先先说下 ...
微信小程序上传视频到服务器太慢,微信小程序视频播放加载很慢
- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo 微信小程序视频播放加载很慢,一直转圈,3分钟后才能播放,而且播放很卡,加了带宽和cdn也没有效果,官 ...
微信小程序调试器加载错误出现空白
打开微信小程序调试器的时候,调试器加载错误,这种情况把桌面任务栏的微信小程序取消固定就可以了
微信小程序播放器的一些简单功能实现
微信小程序播放器的一些简单功能实现准备工作一.构建npm(后面用到moment的格式化时间) 二.系统后台监测程序播放器配置(系统后台要知道该播放器是否在播放歌曲,并有一些简单的业务逻辑) 在ap ...
微信小程序视频播放代码
微信小程序视频播放代码 1.index.wxml 2.index.wxss 3.index.js 4.小程序具体属性说明用法详见微信小程序官方文档video部分
微信小程序阅读器功能
微信小程序小说阅读器效果基础功能: 上一章,下一章目录显示全部章节,点击章节页面对应该章节,正序倒序功能基本样式设置,背景板切换,字号切换,亮度调节自定义返回按钮j 静态仿照数据,和从数据库 ...
uniapp微信小程序视频播放卡顿
我小程序项目中需要去播放视频,但是我们的视频都是很长的 70分钟 90分钟 140分钟的这种,播放起来特别卡. 视频放在阿里云开了cdn,但还是卡顿我查了很多资料,因为视频码率太高了, ...

微信小程序--视频播放器

微信小程序--视频播放器相关推荐

最新文章

热门文章