微信小程序视频播放结束事件

根据微信小程序官方文档,在video组件里面有播放到末尾时触发的事件,bindended事件,就可以在视频播放结束后做有一些事情。

微信小程序视频播放结束事件

 

1. 在 wxml 文件的video组件里面加入 bindended 事件

    <video 
            id="myVideo" 
            src="{{videoUrl}}" 
            binderror="videoErrorCallback" 
            enable-danmu 
            show-center-play-btn=‘{{false}}‘ 
            show-play-btn="{{true}}" 
            controls
            autoplay
            object-fit="fill"  //全容器填充
            bindended="ended" //播放到末尾时触发
            picture-in-picture-mode="{{[‘push‘, ‘pop‘]}}"
            bindenterpictureinpicture=‘bindVideoEnterPictureInPicture‘
            bindleavepictureinpicture=‘bindVideoLeavePictureInPicture‘
    ></video>

2. 在 js 文件的video组件里面加入 ended 事件

  // 视频结束事件
  ended(e){
    console.log(‘‘此播放已结束‘‘);
  }

 

微信小程序视频播放结束事件

上一篇:微信证书部署


下一篇:小程序事件与冒泡机制