WEB

html5のaudioタグで表示されるダウンロードボタンを消す方法(Chrome)


投稿日:2017年8月4日 更新日:

英語リスニング無料学習館というサイトを運営しているのですが、音声再生プレイヤーにChromeだとなぜかダウンロードボタンが出てしまっていることに気づきました。

これを消したかったので、どうやって消したかのメモです。

controlslist="nodownload"を追加する

<audio src="hoge.mp3" controls controlslist="nodownload"></audio>

こんな感じに「controlslist="nodownload"」を追加すると消えてくれました。

ちなみに、こちらの記事によると、Chrome58以降のみ対応している方法のようです。
参考:Chromeのhtml5のvideoでダウンロードボタンを無効(非表示)

まあ、いずれどんどん更新されていくだろうということで、これだけ実装しておくことにしました。

-WEB

Copyright© ヨコログ , 2019 All Rights Reserved.