HTML5 ビデオタグ video_html/css_WEB-ITnose

現時点で、Web ページにビデオを埋め込むための最も信頼性が高く一般的な方法は、Flash を使用することです。object タグと embed タグを使用することで、ブラウザを通じて swf、flv などの形式のビデオ ファイルを再生できます。ただし、前提条件はブラウズすることです。サーバーにはサードパーティのプラグインである Adob​​e Flash Player がインストールされている必要があります。 HTML5 の登場により、Web 開発者はビデオ タグを使用するだけで、サードパーティのプラグインを使用せずにビデオ ファイルを簡単に読み込むことができます。

デモを見る

将来の WEB では、HTML5 の

WEB の Video タグ

HTML5 は、Web ページにビデオ ファイルを挿入する標準的な方法を指定する新しい要素、

Property	Value	Description
autoplay	true | false	trueの場合、ビデオは準備が整うとすぐに再生されます。
controls	true | false	true の場合、再生ボタンなどのコントロールがユーザーに表示されます。
高さ	ピクセル	ビデオプレーヤーの高さを設定します。
loop	true | false	再生終了後に再度再生を開始、つまりループします
poster	url	この属性値は、ビデオが応答しないかバッファ不足の場合に画像にリンクされます。画像は一定の割合で表示されます
src	url	再生中の動画のURL。これは、子要素 を使用してより適切に実現できます。
幅	ピクセル	ビデオプレーヤーの幅を設定します。

現在

IE9、Firefox、Opera、Chrome、Safari はすべて

注: IE8 以前のバージョンは

Video の使い方

HTML5 で動画を再生するには、本文に次のコードを挿入する必要があります:

古いブラウザと Internet Explorer は、互換性を考慮して

OGG、MP4、FLV/SWF

rree