【问题标题】:I can't play HTML5 video on some ios device (ipad and iphone)我无法在某些 ios 设备(ipad 和 iphone)上播放 HTML5 视频
【发布时间】:2022-01-06 18:36:23
【问题描述】:

我已经解决了几乎所有与此相关的 stackoverflow 问题。我仍然找到了答案。 我被告知要添加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 以查看是否支持编码?您是否尝试过仅使用普通的 &lt;video&gt;...&lt;/video&gt; 标签来消除库问题?
  • 视频的 URL 会很有用。 Safari/iOS 非常关注服务器如何传递视频,尤其是范围标头。
  • @Offbeatmammal 你好。是的,我刚刚做到了。它不起作用。无论浏览器如何,它都不会通过。我该怎么办??
  • @misterben 好像是这样。我刚刚尝试访问该网址,但它不起作用。请问如何让它发送正确的范围标头?
  • 如果它没有通过视频的直接链接播放,那么我会看看它是如何编码的 - 可能根本不受支持

标签: cross-browser video-streaming html5-video video.js video-embedding


【解决方案1】:

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

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

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

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

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

【讨论】:

    猜你喜欢
    • 2012-01-30
    • 1970-01-01
    • 1970-01-01
    • 2016-05-29
    • 2012-06-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多