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方式で隠す
3.ダウンロードボタンを非表示にしても、右クリックでのダウンロードを禁止するにはどうすればいいですか?//audioタグに右クリック禁止、ダウンロード禁止
補足:
テストにより、firefox(バージョン55.0.3)は天然にダウンロードボタンを表示しません.右クリックダウンロードを無効にするサポートは一致しています.
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)は天然にダウンロードボタンを表示しません.右クリックダウンロードを無効にするサポートは一致しています.