HTML5 – iOS 11隐藏视频控件

2023年9月23日 256次阅读

我想从视频中删除“播放”按钮.以下是我的代码：

<video class="video" autoplay muted loop playsinline poster="video.gif">
   <source src="video.mp4" />
</video>

由于属性“控件”是布尔值,我在Chrome,Firefox,IE和Android浏览器上看不到它们 – 所以没关系.
但他们仍然出现在Safari上.这段代码删除了iOS 9.4上的“播放”按钮.

.video::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}

.video::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}

.video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

但它仍然出现在iOS 11.2上.

你知道怎么摆脱它吗？

最佳答案 你可以使用JavaScript来禁用它.

document.getElementById("herePutVideoId").controls = false;
点赞