html 5 audioコンポーネントのダウンロード禁止

2055 ワード

参照リンク:https://wdd.js.org/audio-hide-download-icon.html
1.controlsList="nodownload"//この方法はChrome 58+のみをサポートしており、このバージョンを下回るものは隠すことができません

controlsList属性はChrome 58+以上に対応しており、具体的にはcontrolslist.html,controlsListオンライン例
Nodownload:nofullscreenをダウンロードしない:フルスクリーンnoremoteplaybackを使用しない:リモート再生しない
2.css方式で隠す
//                 
audio::-webkit-media-controls {
  overflow: hidden !important
}
audio::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}

3.ダウンロードボタンを非表示にしても、右クリックでのダウンロードを禁止するにはどうすればいいですか?//audioタグに右クリック禁止、ダウンロード禁止

 
補足:
テストにより、firefox(バージョン55.0.3)は天然にダウンロードボタンを表示しません.右クリックダウンロードを無効にするサポートは一致しています.