javascript - 如何从视频标签的媒体播放器中删除/隐藏仅播放/暂停图标/按钮

Question

[请引用附加的 scrnshot，我想删除我指向的播放/暂停图标] [scrnshot] 如何从视频标签的媒体播放器中删除/隐藏仅播放/暂停图标/按钮。当我使用 jquery 动态添加控件属性时。它提供了所有图标，我只想隐藏/删除播放/暂停按钮而不是其他按钮(即想要强制使用全屏图标)。有什么解决办法吗？？

下面是给video标签动态添加controls属性的代码

showVideoControls() {
  var elem = document.getElementById("remote_video");
  if (elem.requestFullscreen) {
    $("video").attr("controls",true);
  }
}

Answer 1

解决此问题的一种方法是将显示视频的容器的子对象作为目标。在视频上应用样式并应用类似的属性。取决于您的目标 child 。

.video:first-child {
  display: none;
}

如果你确定它是一张图片或链接，你可以做类似的事情

.video img {
  display: none;
}