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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

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

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

controlslist=”nodownload”を追加する

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

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

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

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


SNSでもご購読できます。

コメントを残す

*