ios上的html5视频背景视频

Question

我有以下视频是滑块的一部分。

<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>

页面加载后，将在视频上调用play() 。 在所有台式机浏览器上，我都尝试过这种方法。 但是在iOS上，视频无法播放。

我已阅读https://webkit.org/blog/6784/new-video-policies-for-ios/并尝试遵循每个要求。 即使我想用js控制它，我甚至将autoplay属性添加到视频中。 视频没有音频，并且在页面加载时可见。 知道为什么它不能在iOS上播放吗？

有问题的页面： http ： //heartland.thinkersites.com/products/

Answer 1

将此添加到CSS即可从iOS设备上删除难看的播放按钮：

                *::-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;
                }