我无法在某些 ios 设备（ipad 和 iphone）上播放 HTML5 视频

Posted 2023-03-06

【中文标题】我无法在某些 ios 设备（ipad 和 iphone）上播放 HTML5 视频

【英文标题】：I can't play HTML5 video on some ios device (ipad and iphone)

【发布时间】：2022-01-06 18:36:23

【问题描述】：

我已经解决了几乎所有与此相关的 *** 问题。我仍然找到了答案。 我被告知要添加playsinline，它应该可以解决问题，但仍然没有。我使用 videojs，我认为它与使用普通的 html5 嵌入视频几乎相同。 我已经做了所有可以做的。重置网络设置，添加在线播放，添加静音和循环自动播放，使用 3 种不同的浏览器，即 chrome、opera 和 safari。这适用于某些 ios 设备，但并非所有浏览器都适用。这些是 mp4 视频格式。

<video-js class="vjs-big-play-centered" controls preload="auto" playsinline id="vid1"><source src="" type="video/mp4"></video-js>

这实际上是我的代码的样子。我不知道还能做什么，因为这真的让我在寻找答案时感到压力很大。请哪位天使帮帮我...

【问题讨论】：

您是否尝试过直接在浏览器中访问视频的 URL 以查看是否支持编码？您是否尝试过仅使用普通的 <video>...</video> 标签来消除库问题？

视频的 URL 会很有用。 Safari/iOS 非常关注服务器如何传递视频，尤其是范围标头。

@Offbeatmammal 你好。是的，我刚刚做到了。它不起作用。无论浏览器如何，它都不会通过。我该怎么办？？

@misterben 好像是这样。我刚刚尝试访问该网址，但它不起作用。请问如何让它发送正确的范围标头？

如果它没有通过视频的直接链接播放，那么我会看看它是如何编码的 - 可能根本不受支持

【参考方案1】：

好吧，回答我自己的问题。

我发现当使用preload='auto'属性时，ios设备/浏览器加载它与安卓手机有点不同。

这也是不一致的。它有时有效，但大多数时候无效。

经过大量研究，我能够通过将其更改为 preload='none' 来解决此问题。

我希望这对其他人有帮助...