微信小程序 video组件详解及实例代码

网友投稿 664 2023-07-05


微信小程序 video组件详解及实例代码

视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的

重要属性:

wxml

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);

},

http:// /**

* 监听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组件

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);

},

http:// /**

* 监听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组件


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:iOS和Android用同一个二维码实现跳转下载链接的方法
下一篇:微信小程序(二十二)action
相关文章

 发表评论

暂时没有评论,来抢沙发吧~