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

Question

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

下面是视频标签动态添加控件属性的代码

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

}

Answer 1

解决此问题的一种方法是定位显示您的视频的容器的子项。在视频上应用样式并应用类似的属性。取决于你的目标是什么孩子。

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

如果您确定它是图像或链接，您可以执行类似的操作

.video img {
display: none;
}