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