微信小程序視頻播放結束事件


根據微信小程序官方文檔,在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(''此播放已結束'');
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM