ホームページ > ソフトウェアチュートリアル > コンピューターソフトウェア > 埋め込まれた YouTube 動画をブロックする方法

埋め込まれた YouTube 動画をブロックする方法

DDD
リリース: 2024-08-19 12:06:20
オリジナル
663 人が閲覧しました

埋め込まれた YouTube 動画をブロックするにはどうすればよいですか?

埋め込まれた YouTube 動画をブロックする方法:

#🎜🎜 #埋め込まれた YouTube ビデオが Web サイトで再生されないようにするには、いくつかの方法があります:

1。コンテンツ セキュリティ ポリシー (CSP)CSP を Web サイトの HTTP ヘッダーで定義して、外部リソースの読み込みを制限できます。 default-src 'self' などのディレクティブを含めることで、YouTube 動画を含む外部コンテンツの読み込みを禁止できます。
default-src 'self', you can prohibit the loading of any external content, including YouTube videos.

2. JavaScript
Using JavaScript, you can modify the HTML code and remove the <iframe> tags responsible for embedding the YouTube videos. For example:

<code class="javascript">var videos = document.querySelectorAll('iframe[src^="https://www.youtube.com/embed"]');
for (var i = 0; i < videos.length; i++) {
  videos[i].parentNode.removeChild(videos[i]);
}</code>
ログイン後にコピー

3. CSS
CSS can be used to hide or disable the embedded YouTube videos by setting their visibility property to hidden or by applying a CSS class with an appropriate style.

<code class="css">iframe[src^="https://www.youtube.com/embed"] {
  display: none;
}</code>
ログイン後にコピー

4. Server-side Configuration
If you have control over your server configuration, you can modify the .htaccess file (for Apache servers) or the web.config

2。 JavaScript

JavaScript を使用すると、HTML コードを変更し、YouTube 動画の埋め込みに使用される <iframe> タグを削除できます。例:

<code class="htaccess">RewriteEngine On
RewriteRule ^https://www.youtube.com/embed/.*$ - [F]</code>
ログイン後にコピー

3。 CSS#🎜🎜##🎜🎜#CSS を使用すると、埋め込み YouTube 動画の可視性プロパティを非表示に設定するか、適切なスタイルの CSS クラスを適用することで、埋め込み YouTube 動画を非表示または無効にすることができます。#🎜🎜#rrreee#🎜🎜##🎜 🎜#4。サーバー側の構成#🎜🎜##🎜🎜#サーバー構成を制御できる場合は、.htaccess ファイル (Apache サーバーの場合) または web.config code> ファイル (IIS サーバー用) を使用して、YouTube 埋め込み URL へのリクエストを拒否します。#🎜🎜#rrreee#🎜🎜##🎜🎜#5。ブラウザ プラグイン#🎜🎜##🎜🎜#YouTube 動画の再生をブロックできる、Chrome や Firefox などのブラウザ用のさまざまなプラグインや拡張機能が利用可能です。これらのプラグインをインストールして有効化すると、Web サイトに埋め込まれた YouTube ビデオの再生を無効にすることができます。#🎜🎜#

以上が埋め込まれた YouTube 動画をブロックする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート