我在Chrome55上看到这个带有<video>个标签的下载按钮,但在Chrome54上没有: enter image description here

我怎样才能删除它,这样就没有人能看到Chrome 55中的下载按钮了?

我用了<video>个标签在我的网页上嵌入了这个视频.所以,我想要一些代码来删除这个下载选项.

以下是我目前的代码:

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

推荐答案

这是解决方案(从this post开始)

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:

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

Html相关问答推荐

Angular html模板中的jis

如何将FlexBox项目zoom 到其包含图像的大小

HTML表行悬停仅适用于偶数行

如何通过扭曲元素来倾斜元素?

带有MathJax SVG的HTML代码在XHTML中不起作用

天使17:令人惊叹的动画

使用Cypress循环遍历不一致的父对象

如何使用CSS创建文件夹选项卡的形状?

一切停止工作后,添加不透明度(在tailwind )

使具有FLEX父项的溢出自动的子元素收缩

文本css后面未显示背景 colored颜色

元素offsetTop在滚动容器中时没有更改

悬停表格单元格文本时,使元素的字体大小更大,同时保持表格单元格的高度不变

HTML 邮箱在 Gmail 中无法正确显示

按钮悬停效果不影响按钮内的图标

在 laravel 中使用 DomPDF 将数据导出为 pdf 时,第二列被拉伸

是否可以为长 huxtable 固定头部?

如何从 razor 页面打开 html 页面

水平对齐两列中的两个按钮 同一级别

Header 或 P 标记中的填充不能与 em 单元一起正常工作