HTML5视频搜索栏在iOS中禁用

Question

我需要禁用视频搜索栏直播视频的默认功能。我正在使用明亮的视频，我可以通过将 css 属性pointer-events设置为 none 来禁用搜索栏功能，并且它工作正常。

.vjs-slider{ pointer-events: none }

但是在ios设备中同样不起作用。知道如何在ios设备中实现它吗？

演示

Answer 1

考虑：

解决方案1：盖上盖

子

.wrap {
  position: relative;
}
.cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

<div class="wrap">
  <video width="400" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
  </video>
  <div class="cover">
  </div>
</div>

解决方案 2：删除"控件"属性