html5 视频播放标签的写法 不支持html5播放自动切换到flash

HTML5视频播放代码,如果浏览器不支持html5那么会自动跳回Flash播放的写法:

<video width="640" height="360" controls>
    <source src="__VIDEO__.MP4"  type="video/mp4" />
    <source src="__VIDEO__.OGV"  type="video/ogg" />
    <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
        <param name="movie" value="__FLASH__.SWF" />
        <param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
        <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
             title="No video playback capabilities, please download the video below" />
    </object>
</video>

<source>标签说明根据浏览器的不同对视频格式支持也不太一样,写两个source标签是提供不同浏览器使用的,

现在chrome支持mp4格式,firefox支持ogg格式的视频。

下面是不同浏览器对视频格式的支持情况如下:

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox NO
Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP4
YES YES
Safari YES NO NO
Opera NO YES YES

 

  • MP4 = MPEG 4 files with H264 video codec and AAC audio codec
  • WebM = WebM files with VP8 video codec and Vorbis audio codec
  • Ogg = Ogg files with Theora video codec and Vorbis audio codec

 

来源://作者:/更新时间:2013-11-20
相关文章

最新文章

新热推荐

文章排行