微信小程序内 video 组件的详细介绍说明

why 304 2024-08-27

这篇文章主要介绍了微信小程序 video组件详解及实例代码的相关资料,需要的朋友可以参考下

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

重要属性：

image.png

wxml


1

2

3

4

5

6

7

8

9

<!--监听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


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Page({

 data:{

 // text:"这是一个页面"

 hiddenVideo: true

 },

 /**

 * 监听视频加载错误状态

 */

 listenerVideo:function(e) {

  console.log(e.detail.errMsg);

 },

 /**

 * 监听button点击事件

 */

 listenerButton:function() {

  this.setData({

   hiddenVideo: !this.data.hiddenVideo

  })

 }

 

})


以上就是本文的全部内容，希望对大家的学习有所帮助。


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

标签：程序 微信小程序 小程序 js 代码
上一篇:有关微信小程序登陆流程的全面解析
下一篇:有关微信小程序商城开发采用 ecshop 的研究
相关文章

 发表评论

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