javascript - ios上的html5视频背景视频
<p><p>我有以下视频,它是 slider 的一部分。 </p>
<pre><code><div class="slide video-bg">
<video muted webkit-playsinline playsinline poster="/video/3/4_Marching_band-HD_1080p.jpg">
<source src="/video/3/4_Marching_band-HD_1080p.webm" type="video/webm">
<source src="/video/3/4_Marching_band-HD_1080p.mp4" type="video/mp4">
<source src="/video/3/4_Marching_band-HD_1080p.ogv" type="video/ogg">
</video>
</div>
</code></pre>
<p>当页面加载时,<code>play()</code> 在视频上被调用。在我尝试过的每个桌面浏览器上,效果都很好。但在 iOS 上,视频从不播放。 </p>
<p>我已阅读 <a href="https://webkit.org/blog/6784/new-video-policies-for-ios/" rel="noreferrer noopener nofollow">https://webkit.org/blog/6784/new-video-policies-for-ios/</a>并尝试遵循每个要求。我什至在视频中添加了 <code>autoplay</code> 属性,即使我想用 js 来控制它。该视频没有音频,并且在页面加载时可见。知道为什么它不能在 iOS 上播放吗? </p>
<p>有问题的页面:<a href="http://heartland.thinkersites.com/products/" rel="noreferrer noopener nofollow">http://heartland.thinkersites.com/products/</a> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>将此添加到您的 CSS 以从 iOS 设备上移除难看的播放按钮:</p>
<pre><code> *::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}
</code></pre></p>
<p style="font-size: 20px;">关于javascript - ios上的html5视频背景视频,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/42229146/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/42229146/
</a>
</p>
页:
[1]