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
顶
踩
相关文章:
