文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从video tag的媒体播放器中移除/隐藏只播放/暂停图标/按钮

问如何从video tag的媒体播放器中移除/隐藏只播放/暂停图标/按钮
EN

Stack Overflow用户

提问于 2019-10-11 13:00:55

回答 1查看 3.4K关注 0票数 1

请参考附件中的截图，我想删除播放/暂停图标，我指出如何从视频标签的媒体播放器中删除/隐藏仅播放/暂停图标/按钮。因为我正在使用jquery动态添加控件属性。它给所有的图标，我只想隐藏/删除播放/暂停按钮，而不是其他(即想要全屏图标强制)。对此有什么解决方案吗？

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

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

}

回答已采纳

发布于 2019-10-11 13:14:05

解决此问题的一种方法是将视频显示容器的孩子作为目标。在视频上应用样式并应用属性，如。这取决于你的目标是哪个孩子。

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

如果你确定它是一个图片或链接，你可以这样做

.video img {
display: none;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58334495

复制

相似问题

问如何从video tag的媒体播放器中移除/隐藏只播放/暂停图标/按钮EN