最新のWeb開発のチュートリアル

HTML YouTubeのビデオ


HTMLでビデオを再生する最も簡単な方法は、YouTubeのを使用することです。


ビデオ形式で苦労?

異なるブラウザの異なるバージョンが異なるビデオフォーマットをサポートしています。

以前、このチュートリアルでは、あなたは彼らがすべてのブラウザでプレーするためにさまざまなビデオフォーマットにあなたのビデオを変換する必要がある場合がありますことを見てきました。

別の形式に動画を変換することは難しく、時間がかかることがあります。

簡単に解決策は、YouTubeがあなたのウェブページにビデオを再生できるようにするかもしれません。


YouTube動画同上

YouTubeは、IDが表示されます(like XGSy3_Czz8k)あなたが保存するとき、 (or play)のビデオを。

あなたは、このIDを使用して、HTMLで自分の動画を参照することができます。


HTMLでYouTube動画を再生します

ウェブページで動画を再生するには、次の手順を実行します。

  • YouTubeに動画をアップロード
  • 動画IDをメモします
  • 定義<iframe>ウェブページ内の要素を
  • ましょうsrc動画のURLに属性ポイント
  • 幅と高さは、プレーヤーの次元を指定する属性を使用します
  • URLに任意の他のパラメータを追加します。

例-使用のiFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
»それを自分で試してみてください

YouTubeのパラメータ

自動的に隠します

値0:プレーヤーのコントロールは常に表示されます。

値1:ビデオの再生時にプレーヤーのコントロールが自動的に非表示になります。

値2 (default) :9または4:0として、さもなければ同じ1と同じ3比は、プレイヤーが16を持っている場合。

自動再生

値が0 (default) :プレーヤのロード時の映像が自動的に再生されません。

値1:ビデオは、プレーヤのロード時に自動的に再生されます。

コントロール

値0:プレーヤーコントロールは表示されません。 すぐにビデオ負荷。

値が1 (default) :プレーヤーは、表示を制御します。 すぐにビデオ負荷。

値2:プレーヤーは、ディスプレイを制御しますが、ユーザが再生を開始する前にビデオがロードされません。

ループ

値が0 (default) :ビデオは一度だけ再生されます。

値1:ビデオ意志ループ(forever)

プレイリスト

コンマは、プレイする動画のリストを分離(in addition to the original URL)


YouTubeの<object>埋め込みを

YouTubeのは<object>埋め込み機能は、2015年1月から非推奨になりました。

あなたが使用するようにアプリケーションを移行する必要があります<iframe>埋め込みます。

例-の使用<object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
»それを自分で試してみてください

例-使用<embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
»それを自分で試してみてください