HTML5 ビデオ タグを使用すると、プラグインが不要になります。プラグインを必要とするものを削除する埋め込みやオブジェクトなどの以前に使用されたタグに加えて、ビデオ タグは何をしますか?
詳しく説明してください。
3 に答える
ビデオと IE9 に関するちょっとした問題。クライアントが .mp4 ビデオを提供しました。.ogg オプションと非 HTML 5 のフラッシュ オブジェクト フォールバックを使用して Web サイトで動作するようになりました。だから大丈夫です。クロム大丈夫。Firefox は大丈夫です。錠剤は大丈夫です。ウェブサイトは素晴らしく見えました。
その後、動画が表示されないという苦情がありました。再び完全に更新された Windows 7 と IE を使用している人は、ビデオを見ることができませんでした。
クライアントは .mp4 を H.264 形式のビデオとしてエンコードしておらず、完全に更新された XP システムは IE8 のみを実行し (WinXP には IE9 がありません)、正常に Flash にフォールバックしていたことが判明しました。Chrome は .mp4 で、FF は .ogg で問題ありませんでした。しかし、IE9 はタグを読み取っていましたが、.mp4 ファイルを読み取ることができなかったことが判明しました。つまり、Flash へのフォールバックはなく、赤十字のみです。解決策は、適切なコーデックを持つように .mp4 (Miro が使用) を再エンコードすることでした。
教訓は、IE9 で疑わしい場合は、.mp4 ファイルが正しい形式にエンコードされていることを確認することです。
HTML5 ビデオ タグによってプラグインが不要になる仕組み
<video>
HTML5 プレーヤをサポートするブラウザには、タグを使用するときにデフォルトまたは組み込みのプレーヤを表示する機能があります。
プラグインを必要とするものを削除する埋め込みやオブジェクトなどの以前に使用されたタグに加えて、ビデオ タグは何をしますか?
タグは他の<video>
/古いタグには何もしませんが、フォールバックのオプションを提供します。ブラウザーが HTML5 をサポートしていない場合<embed>
、<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>
ご覧のとおり、<object>
タグ内に<video>
タグを指定しています。これはオプションですが、HTML5 をサポートしていないブラウザーでは指定する必要があります。上記の場合、ブラウザーが HTML5 をサポートしている場合、<video>
タグが使用され、<object>
タグは無視されます。逆の場合も同様です。
HTML5 ビデオの詳細については、以下をご覧ください。
以下をご覧ください: http://html5media.info/すべての主要なブラウザーと電話でサポート<video>
およびタグ付けする 1 行の .js を含めるには:<audio>