HTML5中显示firefox中的下载按钮,用于嵌入音频,视频

时间:2017-07-04 10:20:46

标签: html css google-chrome firefox

如新的Google Chrome更新中所示,我们可以在HTML网页中看到嵌入式音频/视频的下载按钮。我想在Firefox和Firefox中展示相同的内容边缘浏览器。 我怎么能做到这一点?

1 个答案:

答案 0 :(得分:4)

除非您自己创建并禁用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>