Question

如何隐藏html5视频标记中的下载选项。我在视频代码中添加了controlsList='nodownload'，但是只有当客户端在Gionee Mobile phone中打开视频链接时才显示下载按钮。

请帮助，谢谢

Answer 1

您可以通过CSS隐藏它。代码取自此处：https://www.quora.com/How-do-I-disable-the-download-button-from-the-controls-in-HTML5-video-for-Google-Chrome

CSS

video::-internal-media-controls-download-button {
    display:none !important;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden !important;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px) !important; /* Adjust as needed */
}

编辑：如果你绝对必须隐藏下载按钮，那么也许你可以做一个自定义的视频播放器。 Mozilla has a nice article on how to do it and style it。这适用于任何浏览器（但您可能需要先检查您的特定浏览器是否支持所有涉及的方法）。

EDIT2：已经有了那些已经成熟的球员。我发现OzPlayer为例。

隐藏视频标记中的下载选项

1 个答案: