微信小程序 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组件
相关文章
Vue.js React与Angular流行前端框架优势对比
这篇文章主要为大家介绍了Vue.js React与Angular流行前端框架优势对比，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了 微信小程序 保留小数(toFixed)详细介绍的相关资料,这里附有实例，帮助大家学习参考此部分知识，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了微信小程序 简单实例（阅读器）的实例开发的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了mini webpack打包基础解决包缓存和环依赖示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了微信小程序 生命周期和页面的生命周期详细介绍的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了Three.js Interpolant实现动画插值示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了微信小程序 实战实例开发流程详细介绍的相关资料,这里主要介绍微信小程序的开发流程和简单实例，需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了lodash里to系列之将数据转换成数字类型实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章我们主要谈一谈js中的宏任务和微任务，JavaScript是一门单线程语言，即一次只能完成一个任务，若有多个任务要执行，则必须排队按照队列来执行，下面我们就来简单谈谈JavaScript吧,需要的朋友可以参考下面文章内容的具体内容2021-09-09
这篇文章主要为大家介绍了项目中使用TypeScript的TodoList实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
最新评论