在Chrome 55中，不要为HTML 5视频显示“下载”按钮 [英] In Chrome 55, prevent showing Download button for HTML 5 video

问题描述

我在Chrome 55中使用< video> 标签获取此下载按钮，但在Chrome 54上没有：
p>

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

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

这是我目前的代码：

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

解决方案

这是解决方案（来自这篇文章）

  video ::  -  internal-media-controls-download-button {
 display：none; 
} 
 
 video： -  webkit-media-controls-enclosure {
 overflow：hidden; 
} 
 
 video :: webkit-media-controls-panel {
 width：calc（100％+ 30px）; / *根据需要调整* / 
} 
  

I am getting this download button with <video> tags in Chrome 55, but not on Chrome 54:

How can I remove this so no one can see the download button in Chrome 55?

I have used <video> tag to embed this video on my web page. So, I want some kind of code to remove this download option.

Here is my current code:

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

解决方案

This is the solution (from 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 */
}

这篇关于在Chrome 55中，不要为HTML 5视频显示“下载”按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！