-->

HTML5 Video tag with fallback

2019-10-16 21:24发布

我正在寻找在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