HTML5動画タグを使用すると、プラグインが不要になります。埋め込みのような以前に使用されたタグや、プラグインを必要としないオブジェクトに加えて、ビデオタグは何をしていますか?
詳細を説明してください。HTML5の動画要素
答えて
どのようにHTML5のvideoタグは、HTML5プレーヤーをサポートするプラグイン
ブラウザの必要性を排除しないが<video>
タグを使用する場合、デフォルトまたは内蔵のプレーヤーを示すする能力を持っています。
は、videoタグはプラグインを必要と削除さ埋め込みオブジェクトなどの以前に使用されるタグ に加えて、何をしますか?
<video>
タグは他の/古いタグには何もしませんが、フォールバックのオプションを提供します。ブラウザでHTML5がサポートされていない場合は、<embed>
、<object>
などの古いメソッドにフォールバックします。あなたが見ることができるように、我々は<video>
タグ内<object>
タグを指定している
<video controls
preload="none" width="590" height="320"
data-setup="{}">
<source src="Real_Media.theora.ogv" type='video/ogg'>
<!-- fallback for older browsers -->
<object width="590" height="320">
<param name="movie" value="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&&autoplay=1;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="320" wmode="transparent"></embed>
</object>
</video>
:ここでは一例です。これはオプションですが、HTML5をサポートしていないブラウザでは指定する必要があります。上記の場合、ブラウザでHTML5がサポートされている場合、<video>
タグが使用され、<object>
タグは無視され、逆も同様です。
は、見てみましょう:ビデオとIE9の
あなたが送信したリンクには、「ブラウザは実際に再生できる最初のビデオファイルを選択します。次に、html5の役割は何ですか。ブラウザは、それがサポートするビデオを再生することができます。ではhtml5は何をしていますか? – Ashwin
@Ashwinあなたが正しいです、 '
少し落とし穴。クライアントが.mp4ビデオを提供しました。 .oggオプションと非HTML5のフラッシュオブジェクトのフォールバックを持つWebサイトで作業しています。最新のIEに完全に更新されたXPでは、すべてがうまくやってきれいに動作し、美しく動作しました。だからIEは大丈夫です。 Chromeは大丈夫です。 Firefoxは正常です。良い錠剤。ウェブサイトはすばらしかった。
次に、苦情がありました。ビデオは表示されませんでした。 Windows 7とIEを使用している人が再び完全に更新されたため、ビデオを見ることができませんでした。
クライアントは.mp4をH.264形式のビデオとしてエンコードしていないことが判明し、完全に更新されたXPシステムではIE8のみが実行されていた(WinXPはIE9を搭載していない)。 Chromeは.mp4、FF、.oggで問題ありませんでした。しかし、それはIE9がタグを読んでいたことが判明しましたが、.mp4ファイルを読み取ることができませんでした - フラッシュへのフォールバックはなく、赤十字です。解決策は、.mp4(Miro used)を再度エンコードして、適切なコーデックを取得することでした。
IE9で疑わしいことがあれば、.mp4ファイルが適切な形式にエンコードされていることを確認してください。
は見ている:1行を含めるにはhttp://html5media.info/すべての主要なブラウザと携帯電話で<video>
と<audio>
タグをサポートするために.jsファイル:
- 1. 動画のhtml5要素の再生イベントは何ですか?
- 2. html5 jqueryとinviewの動画 - 正しい動画要素を指す方法
- 3. HTML5動画要素を対象に設定しますか?
- 4. HTML5キャンバス(動画)要素を細かく分割する
- 5. iPhone/iPadでHTML5動画要素が読み込まれない
- 6. HTML5空要素
- 7. HTML5のスタイルカスタム要素
- 8. HTML5のボタン要素
- 9. HTML5動画オーバーライドコントロール
- 10. HTML5動画プレーヤーコンバーター
- 11. HTML5のdiv要素のオーバーラップ
- 12. HTML5のセルフクローズタグ(void要素)
- 13. HTML5ビデオ要素の幅70%
- 14. HTML5オーディオ要素のreadyState
- 15. html5キャンバス要素の印刷
- 16. タグHTML5の要素vs
- 17. オペラのHTML5データリスト要素
- 18. HTML5キャンバス要素内のSVG
- 19. アコーディオンのHTML5詳細要素
- 20. HTML5動画要素で「will-change」を使用するメリットはありますか?
- 21. YouTube API html5動画
- 22. HTML5動画自動再生
- 23. TridionプレビューとHTML5要素
- 24. HTML5カスタム要素ワイルドカードCSSセレクタ
- 25. モバイルHTML5動画形式、動画サイズ、FPS
- 26. HTML5動画プレーヤーのクエリ
- 27. HTML5の動画タグ(URLは
- 28. HTML5動画とHTML5定型句
- 29. HTML5動画自動再生ループ - 不要な小遅延
- 30. HTML5 Drag&Drop:複製後に元の要素が移動する
この質問はあなたが思うほど深遠であるわかりません。 HTML5は単なるブラウザ仕様です。すべての意味は、ブラウザがQuicktime、Flashなどのさまざまなベンダーのものに代わるものとしてネイティブにビデオプレーヤーを実装していることです。 – McGarnagle
@dbaseman:大丈夫ですこれは私が知りたかったものです。だから、彼らはまだプラグインを使用していますが、それはブラウザにネイティブに組み込まれており、html5との互換性がありますか? – Ashwin
私はそれが正しいとは思わない。 「プラグイン」は、ブラウザアプリケーションのメーカが提供するAPIを使用して第三者によって構築されます。 HTML5をページに置くと、プラグインは必要ありません(Sarfrazのフォールバックを除いて)が、ブラウザは他のHTMLタグをレンダリングするのと同じ方法でビデオをネイティブにレンダリングすることになっています。 – McGarnagle