微信小程序 video组件详解及实例代码
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
视频播放组件与图片加载组件也没啥差别，使用起来也没啥注意的
重要属性：
wxml
<!--监听button点击事件-->
<button bindtap="listenerButton">点击显示视频组件</button>
<!--视频组件src资源地址，binderror为监听错误信息-->
<video
src="http://9i0i.com/pic.php?p=http://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
style="width: 100%; height: 100%"
hidden="{{hiddenVideo}}"
binderror="listenerVideo" />
js
Page({
data:{
// text:"这是一个页面"
hiddenVideo: true
},
/**
* 监听视频加载错误状态
*/
listenerVideo:function(e) {
console.log(e.detail.errMsg);
},
/**
* 监听button点击事件
*/
listenerButton:function() {
this.setData({
hiddenVideo: !this.data.hiddenVideo
})
}
})
相关文章：
hello WeApp icon组件
Window text组件 switch组件
tabBar底部导航 progress组件 action-sheet
应用生命周期 button组件 modal组件
页面生命周期 checkbox组件 toast组件
模块化详 form组件详 loading 组件
数据绑定 input 组件 navigator 组件
View组件 picker组件 audio 组件
scroll-view组件 radio组件 video组件
swiper组件 slider组件 Image组件
相关文章
这篇文章主要介绍了javascript 操作cookies详解及实例的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了微信小程序 支付简单实例的相关资料,这里参考官方文档写的简单实例，并提出注意事项，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了微信小程序 audio音频播放详解及实例的相关资料,附有实例代码及实现效果图，对初学者是个很好的帮助，需要的朋友可以参考下2016-11-11
javascript使用btoa和atob来进行Base64转码和解码
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现2017-03-03
这篇文章主要介绍了微信小程序中button组件的边框设置的实例详解的相关资料,希望通过本文大家能够掌握这部分内容，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了微信小程序数据绑定详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了前端取消请求及取消重复请求方式，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍5种 JavaScript 方式实现数组扁平化，虽说只有5种方法，但是核心只有一个就是遍历数组arr，若arr[i]为数组则递归遍历，直至arr[i]不为数组然后与之前的结果concat。 想具体了解的小伙伴那请看下面文章内容吧2021-09-09
这篇文章主要介绍了微信小程序canvas写字板效果及实例的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了微信小程序 五星评分(包括半颗星评分)实例代码的相关资料,需要的朋友可以参考下2016-12-12
最新评论