ios中的html5视频搜索栏禁用

Question

我需要禁用视频搜索栏实时视频的默认功能。我正在使用brightcove视频，我可以通过将css属性pointer-events设置为none来禁用搜索栏功能，并且它运行正常。

.vjs-slider{ pointer-events: none }

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

Demo

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>

solution2：删除“controls”attr