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