Question

我想删除＆＃34;播放＆＃34;来自视频的按钮。以下是我的代码：

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

作为属性＆＃34;控制＆＃34;布尔是我在Chrome，Firefox，IE和Android浏览器上看不到的 - 所以没关系。但他们仍然出现在Safari上。删除了这段代码＆＃34;播放＆＃34; 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上。

你知道怎么摆脱它吗？

Answer 1

你可以使用javascript来禁用它。

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

HTML5 - iOS 11+隐藏视频控件

1 个答案: