时间戳

首页 > 解决方案 > 同一部手机多次访问后，HTML 视频无法在手机上播放

javascript - 同一部手机多次访问后，HTML 视频无法在手机上播放

问题描述

我在手机上播放视频时遇到了一个奇怪的问题 - 一般来说，手机上的视频播放正常，但如果同一部手机访问该网站多次（比如 4 或 5 次），视频将不再播放播放并改为显示静止图像。以下是视频的 HTML 格式：

<video playsinline autoplay muted loop id="waterBackground" src="../assets/water1-forwards_compressed.mp4"></video>

有一行 JS 改变了视频播放速率，仅此而已：

$("#waterBackground")[0].playbackRate = 0.8;

所有的 HTML 视频都使用这种精确的格式，我测试过的每部手机（除了 iphone < 5）在前几次播放前都没有问题。但在那之后事情就停止了。当我清除浏览器历史记录并关闭并重新打开应用程序时，视频又开始工作了。任何想法为什么会发生这种情况以及我该如何解决？

标签： javascripthtmlhtml5-videomobile-safari

解决方案

推荐阅读