Web プロジェクトを作成するときに、紹介ページに別の紹介ビデオがあり、この短いビデオしかなく、ビデオ コンポーネントが使用されていなかったので、ネイティブのビデオ タグを使用して問題を解決したいと思いました。
紹介ビデオは無料ですが、ダウンロードボタンやビデオを名前を付けて保存する機能は使いたくないので、ダウンロード機能がないように見せる方法を見つけてメモします。
上記のダウンロード ボタンを非表示にしたい場合は、次の 3 つのスタイルでコードを貼り付けるだけで十分です。
html;">video::-internal-media-controls-download-button { display:none;}video::-webkit-media-controls-enclosure { overflow:hidden;}video::-webkit-media-controls-パネル { 幅: 計算(100% + 50px) }端的に言うと、ダウンロード ボタンをウィンドウの外に移動することを意味しますが、私はこの CSS を長い間探していました。 ！
この方法は、ビデオのダウンロードを実際に防ぐものではなく、慎重なユーザーでもロードされたビデオ ファイルをキャッシュ ファイルで見つけることができるため、タイトルにあるように、単に非表示になっているだけです。
ビデオのダウンロードを完全に防止するには、ビデオ アドレスを暗号化し、サーバー経由で検証する必要があります。
要約する上記は編集者が紹介したHTMLページのネイティブVIDEOタグ内のダウンロードボタンを非表示にする機能です。ご質問があればメッセージを残していただければ編集者が返信させていただきます。間に合ったあなた。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！