我正在寻找在HTML中嵌入视频和音频的解决方案。 新videotag支持.OGG和.mp4,但那里的FLV等格式后备解决方案?
例如,如果我希望嵌入.OGG,它会检查HTML5是否被支持,如果没有,它使用回退。 如果我要嵌入FLV的是使用回退。
Answer 1:
HTML5标签支持回退的任何元素,如果浏览器无法解释的视频标签。 这里有一个一回退到闪存文件简单的例子。
<video controls width="500">
<!-- if Firefox -->
<source src="video.ogg" type="video/ogg" />
<!-- if Safari/Chrome-->
<source src="video.mp4" type="video/mp4" />
<!-- If the browser doesn't understand the <video> element, then reference a Flash file. -->
<embed src="your_flash_file" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>
而不是嵌入标记,你可以采取任何HTML元素(文字FE跨度“你的浏览器无法解释HTML5。”或者你想要的图片或任何东西)。 基本上,HTML5的浏览器需要,他们可以发挥videosource,而非HTML5浏览器忽视视频和源标签,并采取falback元素结尾。
文章来源: HTML5 Video tag with fallback