HTMLページのネイティブVIDEOタグはダウンロードボタン機能を隠します

Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデオのみだったので、ビデオ コンポーネントは使用されていませんでした。そこで、ネイティブ ビデオ タグを使用してこの問題を解決したいと考えました。

紹介動画は無料ですが、ダウンロードボタンや動画保存機能は欲しくないので、ダウンロード機能が無いように見せる方法を見つけてメモしました。

上記のダウンロード ボタンを非表示にしたい場合は、3 つのスタイルで十分です。これ以上何もせずに、コードを直接貼り付けてみましょう。

ビデオ::-内部メディアコントロールダウンロードボタン{
    表示:なし;
}
ビデオ::-webkit-メディアコントロールエンクロージャ {
    オーバーフロー:非表示;
}
ビデオ::-webkit-メディアコントロールパネル{
    幅: calc(100% + 50px); 
}

簡単に言うと、ダウンロード ボタンをウィンドウの外に移動するのですが、これらの CSS を見つけるのにかなり時間がかかりました。 ！

この方法では、ビデオのダウンロードを実際に防ぐことはできません。「注意深い」ユーザーは、ロードされたビデオ ファイルをキャッシュ ファイル内で見つけることができるため、タイトルのとおり、単に隠されているだけです。

ビデオのダウンロードを完全に防止するには、ビデオのアドレスを暗号化し、サーバー側で検証する必要があります。

要約する

以上は、ダウンロードボタン機能を非表示にする HTML ページのネイティブ VIDEO タグについての編集者による紹介です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。