微信小程序 video组件详解及实例代码
视频播放组件与图片加载组件也没啥差别，使用起来也没啥注意的
重要属性：
wxml
<!--监听button点击事件-->
<button bindtap="listenerButton">点击显示视频组件</button>
<!--视频组件src资源地址，binderror为监听错误信息-->
<video
src="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组件
-
本文向大家介绍微信小程序 video组件详解，包括了微信小程序 video组件详解的使用技巧和注意事项，需要的朋友参考一下 主要属性： 效果图： ml: js： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 icon组件详细及实例代码，包括了微信小程序 icon组件详细及实例代码的使用技巧和注意事项，需要的朋友参考一下 属性： 效果图： test.wxml 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 radio单选框组件详解及实例代码，包括了微信小程序 radio单选框组件详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 微信小程序单选框radio 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程
-
本文向大家介绍微信小程序 获取微信OpenId详解及实例代码，包括了微信小程序 获取微信OpenId详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 获取微信OpenId 先获取code 再通过code获取authtoken，从authtoken中取出openid给前台 微信端一定不要忘记设定网页账号中的授权回调页面域名 流程图如下 主要代码 页面js代码 WxCodeServlet代码 W
-
本文向大家介绍微信小程序 form组件详解及简单实例，包括了微信小程序 form组件详解及简单实例的使用技巧和注意事项，需要的朋友参考一下 微信小程序form 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序
-
本文向大家介绍微信小程序 Image组件实例详解，包括了微信小程序 Image组件实例详解的使用技巧和注意事项，需要的朋友参考一下 image组件也是一个程序不可缺少的，可以这样说一个app中image组件随处可以看到，一般 image有两种加载方式第一种是网络图片第二种是本地图片资源，都用src属性去指定。 重点属性： 三种缩放模式 九种剪切方式 wxml 相关文章： hello WeApp