埋め込みオーディオ、ビデオ用のFirefoxのHTML5ショーダウンロードボタン

Question

新しいGoogle Chromeアップデートに見られるように、埋め込みオーディオ/ビデオのダウンロードボタンはHTMLページで見ることができます。私はFirefoxの&エッジブラウザで同じものを表示したいと思います。 これはどのように達成できますか？

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