私の上司は次のことを望んでいます。
要件: 当社の Web サーバーから標準の Web ブラウザー (IE7、FF、Chrome など) や iPad を含むクライアントに m4v ビデオをストリーミングします。
なぜ彼が m4v を欲しがっているのかよくわかりません...彼は効率性について言及しましたが、それは iPad の互換性にも関係しているのかもしれません?? とにかく、私はm4vで立ち往生しています。
SOに関するいくつかの関連する質問を閲覧しましたが、このページも非常に役立ちます:
http://henriksjokvist.net/archive/2009/2/using-the-html5-video-tag-with-a-flash-fallback
したがって、私が正しく理解していれば、 < > タグを含む HTML5 は、 IE 8を含む IE を除くvideo
すべての要件 (ブラウザーと iPad) を処理します。
だから私のコードでは:
<div id="demo-video-flash">
<video id="demo-video" poster="snapshot.jpg" controls>
<source src="video.m4v" type="video/mp4" /> <!-- MPEG4 for Safari -->
<source src="video.ogg" type="video/ogg" /> <!-- Ogg Theora for Firefox 3.1b2 -->
</video>
</div>
<script type="text/javascript">
$(document).ready(function() { // ... a dash of jQuery.
var v = document.createElement("video"); // Are we dealing with a browser that supports <video>?
if ( !v.play ) { // If no, use Flash.
var params = {
allowfullscreen: "true",
allowscriptaccess: "always"
};
var flashvars = {
file: "video.f4v",
image: "snapshot.jpg"
};
swfobject.embedSWF("player.swf", "demo-video-flash", "480", "272", "9.0.0", "expressInstall.swf", flashvars, params);
}
});
</script>
上記のリンクで説明されているように、ブラウザーが<video
> をサポートしているかどうかをテストし、サポートしていない場合はフラッシュにフォールバックします。ブラウザが > をサポートしている場合、ブラウザ<video
がそれを処理するため、プレーヤーについて心配する必要はありません。> をサポートしていない場合は<video
、以下を提供する必要があります。
(a) フラッシュ プレーヤー。
(b) 私の .m4v ビデオのフラッシュ互換コピー
質問:
1) このソリューションは私の要件に適合しますか?
2) .m4v は iPad にストリーミングするのに適した形式ですか? (これは Apple 独自の形式であるため、私はイエスだと思います!)
3) .m4v は「フラッシュ互換」ですか? つまり、それをフラッシュ プレーヤーに送信すると機能しますか? 私はこれについて相反する報告を読みました。そうでない場合は、ビデオのコピーをフラッシュ互換のフォーマットに変換する必要があると思います...何か推奨事項はありますか? (.f4v が一般的ですが、既に .mov ファイルがあるのでしょうか?)
4) 最後になりましたが、優れたフラッシュ プレーヤーとは何ですか。私は flowplayer (http://flowplayer.org/) に傾倒していますが、既に swf プレーヤーがインストールされています (http://code.google.com/p/swfobject/)。この後者は機能するようです...どちらか一方に利点はありますか??
この質問の一部が意味をなさない場合はお詫びします...ビデオに関する情報はたくさんあり、すべてをまとめるのは難しいです...ここでいくつかの回答が役立つことを願っています. 必要に応じて質問を絞り込むことができます。
前もって感謝します!
ピーター