HTML的H.264/FLV最佳实践

Question

我经营一个网站,其中包含大约700个参考视频(不,它不是色情片 - 让你的思绪脱离阴沟:-)).

这些视频目前采用FLV格式.我们使用JWPlayer渲染这些视频.IIS6托管.一切正常.

据我了解,H.264(不是FLV,可能不是OGG)是新兴的首选HTML5视频标准.今天,iPad真的只尊重H.264或YouTube.据推测,很快更多重要的浏览器将遵循Apple的主导并仅尊重HTML5标签.

好的,所以我想我可以弄清楚如何将现有视频转换为适当的H.264格式.有各种可用的工具,包括ffmpeg.exe.我还没有尝试过,但我不认为在摆弄编解码器设置后会出现问题.

我的问题更多的是关于容器本身 - 也就是说,为所有用户规划优雅的过渡.渲染这些视频的最佳做法建议是什么？如果我只是使用HTML5标签,那么可能任何尚未支持HTML5的浏览器都不会看到这些视频.如果我通过JWPlayer或其他播放器以Flash格式呈现它们,那么它们将无法在iPad上播放.我是否必须在此处进行丑陋的UserAgent检测以确定要呈现的内容？

我知道JWPlayer支持H.264媒体,但播放器本身不是Flash组件,因此无法在iPad上播放？对不起,如果我不清楚,但我正在抓住一个优雅的过渡计划,这将适用于当前的浏览器,iPad和即将推出的HTML5浪潮.我不是视频专家,所以任何建议都会受到欢迎,谢谢.

Answer 1

请注意Firefox不支持带有视频标签的H.264,因此如果您想要优雅的后备,那么您应该像下面那样呈现您的视频标签,并拥有该视频的OGG版本.

       <video controls id="video" width="320" height="240" preload autobuffer >
            <source src="http://mycdn.com/videos/vid1.ogg" type="video/ogg" />
            <source src="http://mycdn.com/videos/vid1.mp4" type="video/mp4" />
            <!--RENDERED ON BROWSERS WITH NO HTML5 VIDEO SUPPORT-->
            <object width="320" height="240">
            <param name="movie" value="myplayer.swf">
            <embed src="myplayer.swf" width="550" height="400">
            </embed>
            </object>
             <!---->
        </video>