微信小程序有当再次切换回播放过的视频时，接着上一次的播放继续播放

最新推荐文章于 2023-12-06 08:37:14 发布

肖肖冲鸭

最新推荐文章于 2023-12-06 08:37:14 发布

阅读量2.3k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序音视频小程序

本文链接：https://blog.csdn.net/weixin_48952990/article/details/125680475

版权

本文介绍了如何在微信小程序中实现在切换回已播放过的视频时，能够从上次停止的位置继续播放。通过bindtimeupdate事件获取并存储视频播放时长，使用vid作为标识存储每个视频的播放状态。在切换回视频时，检查存储信息并使用seek方法恢复播放位置。同时，监听视频结束事件以清理已播放完的视频记录。

摘要由CSDN通过智能技术生成

需要给video绑定一个随着视频播放时间更新的回调bindtimeupdate=“handleTimeUpdate”

 <video 
      src="{
    {item.data.urlInfo.url}}" 
      class="common"	
      object-fit="cover" 
      bindplay="handlePlay" 
      id="{
    {item.data.vid}}" 
      poster="{
    {item.data.coverUrl}}"
      wx:if="{
    {videoId===item.data.vid}}"
      bindtimeupdate="handleTimeUpdate"
      bindended="handle