如何使用 Jquery / Javascript 禁用或隐藏 IOS 中的本地播放器？

Question

我正在为播放器使用视频 js。在 IOS 设备中，本地播放器没有隐藏。在 video 标签中添加了 webkit-playsinline 和 controls='false'。

<video controls='false'  webkit-playsinline>

尝试了下面的代码，它不起作用。

::-webkit-media-controls {
   display:none !important;
}

以下代码可以隐藏本机播放器控件，但本机播放器的白色背景仍然存在。

::-webkit-media-control-panel {
   display:none !important;
}

请提供如何在 IOS 设备中隐藏本机控制栏的解决方案。

Answer 1

删除controls='false'

controls 是布尔属性：

Note: The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.

来源：HTML5 Video // Completely Hide Controls

How to disable or hide the native player in IOS, using Jquery / Javascript?