WEB

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

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

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

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

controlslist="nodownload"を追加する

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

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

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

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





-WEB

© 2023 ヨコログ