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

記事内に商品プロモーションを含む場合があります

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

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

目次

controlslist=”nodownload”を追加する

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

198※世代。メーカー技術者です。 TOEIC900、中国語検定3級、韓国語初級。雑多に色々と書いています。

コメント

コメント一覧 (2件)

    • そうですね。ただ、ダウンロードボタンが明らかに見える位置にあると「ダウンロードOK」という認知を利用者の方に与えることになってしまうので、無くすことで一定の効果はあるのかなと思ってます。

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次