欢迎光临,了解微信小程序开发,就上易用通!

小程序极速实战开发《二十三》video视频

发布:2018-01-25 16:24浏览: 来源:网络 作者:tianshu

组件说明:

video是视频播放组件。

 

组件用法:

小程序极速实战开发《二十三》video视频(图1)

 

 

wxml

  1. <!--监听button点击事件-->
  2. <button bindtap="listenerButton">点击显示视频组件</button>
  3. <!--视频组件src资源地址,binderror为监听错误信息-->
  4. <video
  5. src="https://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
  6. style="width: 100%; height: 100%"
  7. hidden="{{hiddenVideo}}"
  8. binderror="listenerVideo" />

js

  1. Page({
  2. data:{
  3. // text:"这是一个页面"
  4. hiddenVideo: true
  5. },
  6. /**
  7. * 监听视频加载错误状态
  8. */
  9. listenerVideo:function(e) {
  10.   console.log(e.detail.errMsg);
  11. },
  12. /**
  13. * 监听button点击事件
  14. */
  15. listenerButton:function() {
  16.   this.setData({
  17.    hiddenVideo: !this.data.hiddenVideo
  18.   })
  19. }
  20. })

主要属性:
属性
描述
hidden 设置视频的显示(true)/隐藏(false),默认为false
src 要播放视频的资源地址
binderror 发生错误时触发error事件
 





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。