コメント:HTMLビデオは、オンラインビデオストリーミングメディアの定義に使用されるHTML 5+に適しています。ここに簡単な紹介があります。これは、困っている友人にとって便利です。
HTML <video>は、オンライン視聴用のビデオストリーミングを定義するHTML 5+に適しています。
<ビデオsrc = "http://www.vevb.com/movie.ogg" controls = "controls">
コメントテキストは次のとおりです。HTML5をサポートできない場合、ブラウザはここにテキストを表示します。サポートされている場合、ビデオは直接表示され、テキストは無視されます。
</video>
HTML 4以前に、Webページにオンラインビデオを埋めたい場合は、一般にフラッシュビデオストリームを使用する必要がありました。 <Object>および<Embed>タグを使用すると、ブラウザを介してSWF、FLV、およびその他のフォーマットビデオファイルを再生できますが、前提は、ブラウザがサードパーティのプラグイン:Adobe Flash Playerをインストールする必要があることです。最新のスマートフォンとiPadは一般にフラッシュをサポートできないため、ウェブ上のビデオを閲覧することはできません。また、HTML 5がこの事実を変更しました。Web開発者は、サードパーティのプラグインなしで<video>タグを使用してビデオファイルを簡単にロードできます。
プロパティ値の説明
Autoplayautoplayこのプロパティが表示されると、ビデオは準備が整った直後に再生されます。
ControlScontrolsこのプロパティが表示されると、[再生]ボタンなどのコントロールがユーザーに表示されます。
高さピクセル値は、ビデオプレーヤーの高さを設定します。
ループループの場合、メディアファイルが再生が終了したときに再生が再び開始されます。
preloadauto/meta/noneビデオをプリロードするかどうか、可能な値を指定します。
自動 - ページが読み込まれた後にビデオ全体をロードする
メタ - ページのロード後にメタデータのみがロードされます
なし - ページがロードされた後にビデオがロードされません
* SRCビデオアドレスで再生されるビデオのURLは、絶対アドレスを使用することをお勧めします。
幅ピクセル値ビデオプレーヤーの幅を設定します。
互換性のあるビデオタグを書く方法は?
古いブラウザやインターネットエクスプローラーは<video>要素をサポートしていないため、フラッシュファイルをサポートするこれらのブラウザのソリューションを見つける必要があります。残念ながら、HTML 5オーディオと同様に、ビデオに関与するファイル形式はFirefoxやSafari/Chromeと同じようにサポートされていません。したがって、現時点でHTML 5ビデオを使用する場合は、3つのビデオバージョンを作成する必要があります。 OGG、MP4、FLV/SWF
<ビデオコントロール>
<! - firefox-compliant->
<source src = "http://www.vevb.com/ movie.ogg" type = "video/ogg"/>
<! - safari/chromeと互換性があります - >
<source src = "http://www.vevb.com/ movie.mp4" type = "video/mp4"/>
<! - ブラウザがビデオタグをサポートしていない場合は、フラッシュを使用します - >
<埋め込みsrc = "http://www.vevb.com/ムービー.swf" Type = "Application/X-ShockWave-Flash"
width = "320" aslowscriptaccess = "Always" approadfullscreen = "true"> </embed>
</video>