CODEWITHSUNDEEP
htmlcssgoogle-chromefirefox
ari ari
ari ari

Reputation: 165

HTML5 show download button in firefox for embedded audio, video

As seen in new Google Chrome updates, we can see the download button for embedded audio/video in HTML pages. I want to show the same in Firefox & edge browsers. How can I achieve this?

Upvotes: 4

Views: 3352

Answers (1)

Ramin Ahmadi
Ramin Ahmadi

Reputation: 629

you can't have the same exact thing unless you create it yourself and disable the download button for Chrome so it'd look consistent in all browsers. 

      .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>

Upvotes: 4

Related Questions