实现HTML5视频的最佳方式

前端之家收集整理的这篇文章主要介绍了实现HTML5视频的最佳方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
据我所知,HTML5视频比其支持者希望我们相信的更为复杂. Safari使用专有的H.264编解码器,而Firefox,Chrome和Opera都支持开源的Theora. Internet Explorer也不支持,因此需要回退,例如.mov或Flash.

我找到了一个精湛的指南,在所有这些浏览器上组合了HTML5的分步指南,但我无法在任何地方找到它.很烦人 :(

实施HTML5视频的最佳方式是什么,以便涵盖所有这些浏览器? (不幸的是,Flash不是一种选择.)

编辑:好的,从我读过的,这是我自己的答案:这是实现HTML 5视频的最佳方式…

<video id="video" width="450" height="170" preload="auto" autoplay="autoplay">
        <source src="../static/video/video.mp4" />
        <source src="../static/video/video.webm" type='video/webm; codecs="vp8,vorbis"' />
        <source src="../static/video/video.ogv" type='video/ogg; codecs="theora,vorbis"' />
        <!-- Fallback (either Flash,an image,or a "Video not supported" message,etc.) -->
    </video>

到目前为止,它是在每个浏览器上按预期工作的唯一方式.不幸的是,自动播放似乎不适用于Chrome?

猜你在找的HTML5相关文章