Firefox 中的 HTML5 显示下载按钮，用于嵌入音频、视频

【问题标题】：HTML5 show download button in firefox for embedded audio, videoFirefox 中的 HTML5 显示下载按钮，用于嵌入音频、视频
【发布时间】：2020-01-24 06:27:12
【问题描述】：

在新的 Google Chrome 更新中可以看到，我们可以在 HTML 页面中看到嵌入音频/视频的下载按钮。我想在 Firefox 和边缘浏览器中显示相同的内容。我怎样才能做到这一点？

【问题讨论】：

您的问题非常不清楚，请编辑。
感谢兄弟的编辑
建议：为清楚起见添加按钮的屏幕截图
这是 chrome 开发功能，而不是实现的 Web 标准。这就像在 Linux 中要求 Windows 功能。我怕是苹果和橘子。。
2020年的情况还是一样。我宁愿继续使用原生控件，而不是开发任何自定义的东西。在这种情况下，Firefox（桌面）有一个解决方法：您可以右键单击视频并提供“将视频另存为...”。我还没有在移动设备上检查过，希望这也能提供一种解决方法。

标签： html css google-chrome firefox

【解决方案1】：

除非您自己创建并禁用 Chrome 的下载按钮，否则您无法拥有完全相同的内容，以便在所有浏览器中看起来都一致。

      .download{
height: 45px;
 width: 45px;
 position: relative;
 top: -30px;
 left:-55px;
      }

<div class="container">
<video width="400" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
</video>
<a href="https://www.w3schools.com/html/mov_bbb.mp4" target="_blank" download><img class="download" src='https://cdn1.iconfinder.com/data/icons/hawcons/32/698392-icon-129-cloud-download-128.png'/></a>.
</div>

【讨论】：

希望对您有所帮助。如果不是您要找的，请告诉我。