HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLWebページにYouTubeビデオを追加する

ビデオはYouTuvbeからWebページに簡単に移動できます。動画を埋め込むだけです。

まず、動画IDを取得します-

ステップ1 ：ビデオに移動して右クリックします。 「オタクの統計」を選択-

HTMLWebページにYouTubeビデオを追加する

クリックすると、統計を表示する次のダイアログボックスが表示されます-

HTMLWebページにYouTubeビデオを追加する

上にビデオIDがF6m0ghjadlwであることがわかります。次に、IDを使用して同じ動画を埋め込みます-

例

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server:</p>
   <iframe height="350" width="600"
      src="https://www.youtube.com/embed/F6m0ghjadlw">
   </iframe>
</body>
</html>

出力

以下は、YouTubeビデオをWebページに正常に埋め込んだことを示す出力です-

HTMLWebページにYouTubeビデオを追加する

タグを使用して同じことを実現することもできます。以下はHTMLコードです-

例

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server (video uploaded using embed element):</p>
   <embed height="350" width="600" src="https://www.youtube.com/embed/F6m0ghjadlw">
</body>
</html>

出力

出力には、正常に埋め込まれたビデオが表示されます-

HTMLWebページにYouTubeビデオを追加する


  1. YouTube 動画を iPhone にダウンロードする方法

    その美しいデザインと信じられないほどのパフォーマンスにもかかわらず、iPhone の制限がユーザーを苛立たせることがあります。たとえば、iPhone で YouTube の動画を視聴していて、それをカメラ ロールに保存したいとしますが、できません。イライラしませんか？ YouTube Red が提供する有料サブスクリプションに問題がない限り、YouTube 動画を iPhone に保存するのは大変な作業です。このアプリケーションを使用すると、広告なしで動画を視聴でき、オフラインで視聴できるようにダウンロードするオプションが提供されます。ただし、YouTube アプリでのみアクセスできます。カ

  2. Youtube のようなベスト 10 のビデオ共有サイト

    お気に入りのムービー クリップを見たり、スタンダップ コメディを楽しみたい 気分を明るくするには、ビデオ共有 Web サイトが最適な情報源です。動画は、デバイスのトラブルシューティングやクリエイティブな欲求の解消など、新しいことを学ぶのにも最適な方法です。さらに、これらの Web サイトでは、ユーザーがアカウントを作成したり、動画をアップロードしたり、コメントしたり、お気に入りの動画を友人や家族と共有したりできます。ビデオ共有 Web サイトはいくつかありますが、最高のコンテンツを提供し、より多くの視聴者にリーチできるサイトはごくわずかです。 この投稿では、ブラウジングできる動画アップロード