HTML5 <video> 元素不在 iOS 中播放
<p><ul>
<li><p>我有一个 <code>.mp4</code> 视频上传到 Google Cloud Storage。</p></li>
<li><p>我正在使用 <code><video></code> 元素在我的网站上播放它。</p></li>
<li><p>它在桌面上加载，但在 iOS 上<strong>不是</strong>。 (尚未在 Android 上测试)</p></li>
</ul>
<h3>代码</h3>
<pre><code><video muted autoplay loop playsinline>
<source src="https://storage.googleapis.com/BUCKET/FILE.mp4" type="video/mp4">
</video>
</code></pre>
<p> </p>
<p>在 Safari 网络检查器的 <strong>Resources</strong> 选项卡中，视频文件有错误提示:</p>
<ul>
<li>“尝试加载资源时出错”</li>
</ul>
<p>这可能是 CORS 问题吗？</p>
<p>值得注意的是，直接访问视频网址(使用 iOS Safari)按预期工作，所以我认为视频编码没问题。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>问题是负的 <code>z-index</code> 导致父元素被隐藏。</p>
<p>奇怪的是，它只在 iOS 而不是桌面浏览器上引起了问题。</p></p>
<p style="font-size: 20px;">关于HTML5 <video> 元素不在 iOS 中播放，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/44008093/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/44008093/
</a>
</p>
页:
[1]