在 Chrome 55 中，防止显示 HTML 5 视频的下载按钮 [重复]

小编典典

在 Chrome 55 中，防止显示 HTML 5 视频的下载按钮 [重复]

all

我在 Chrome 55 中获得了这个带有<video>标签的下载按钮，但在 Chrome 54 上却没有：

我怎样才能删除这个，所以没有人可以看到 Chrome 55 中的下载按钮？

我已经使用<video>标签将此视频嵌入到我的网页上。所以，我想要某种代码来删除这个下载选项。

这是我当前的代码：

<video width="512" height="380"  controls>
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

阅读 66

2022-06-18

共1个答案

小编典典

这是解决方案

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

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

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

更新 2：@Remo 的新解决方案

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

2022-06-18