Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデオのみだったので、ビデオ コンポーネントは使用されていませんでした。そこで、ネイティブ ビデオ タグを使用してこの問題を解決したいと考えました。 紹介動画は無料ですが、ダウンロードボタンや動画保存機能は欲しくないので、ダウンロード機能が無いように見せる方法を見つけてメモしました。 上記のダウンロード ボタンを非表示にしたい場合は、3 つのスタイルで十分です。これ以上何もせずに、コードを直接貼り付けてみましょう。 ビデオ::-内部メディアコントロールダウンロードボタン{ 表示:なし; } ビデオ::-webkit-メディアコントロールエンクロージャ { オーバーフロー:非表示; } ビデオ::-webkit-メディアコントロールパネル{ 幅: calc(100% + 50px); } 簡単に言うと、ダウンロード ボタンをウィンドウの外に移動するのですが、これらの CSS を見つけるのにかなり時間がかかりました。 ! この方法では、ビデオのダウンロードを実際に防ぐことはできません。「注意深い」ユーザーは、ロードされたビデオ ファイルをキャッシュ ファイル内で見つけることができるため、タイトルのとおり、単に隠されているだけです。 ビデオのダウンロードを完全に防止するには、ビデオのアドレスを暗号化し、サーバー側で検証する必要があります。 要約する 以上は、ダウンロードボタン機能を非表示にする HTML ページのネイティブ VIDEO タグについての編集者による紹介です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: 子要素の margin-top によって親要素が移動する問題の解決方法
>>: MySQLで現在の時間間隔の前日のデータをクエリする
間違いNavicat Premium を使用して MySQL に接続すると、次のエラーが発生します。...
Nginx (エンジン x) は、軽量で高性能な HTTP およびリバース プロキシ サーバーであり...
目次1 現在のデータベースの内容を表示し、データベースをバックアップする2 bin_log関数を有効...
この記事では、例を使用して、MySQL で複数テーブルの関連統計を実装する方法について説明します。ご...
1. protoをコンパイルするすべての .proto ファイルを保存するために、src フォルダー...
目次01-イベントバブリング1.1- イベントバブリングの概要1.2-イベントバブリングの利用(イベ...
私は最近、最も安い Tencent クラウド サーバーを購入しました。これは主に、Web テクノロジ...
序文: MySQL 8.0 では高速な列追加がサポートされ、数秒で大きなテーブルにフィールドを追加で...
MySQL では、データベースの文字化けは一般的に文字セットを設定することで修正できますが、文字化け...
Mavenパッケージを解凍する tar xf apache-maven-3.5.4-bin.tar....
vue-element-admin インポートコンポーネントのカプセル化テンプレートとスタイルまず、...
序文count 関数は、テーブルまたは配列内のレコードをカウントするために使用されます。count(...
目次1. ステートフック1. 基本的な使い方2. 更新3. 合併を実現する4. 遅延初期化状態5. ...
目次1. オブジェクトのプロパティ1.1 属性表記2. プロパティ名を計算する3.オブジェクトメソッ...
bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorExce...