embed - 带有后备功能的 HTML5 Video 标签

Question

我正在寻找在 html 中嵌入视频和音频的解决方案。新的视频标签支持 .ogg 和 .mp4，但是否有针对 .flv 和其他格式的后备解决方案？

例如，如果我想嵌入 .ogg，它将检查是否支持 html5，如果不支持，则使用回退。如果我想嵌入 .flv 则使用后备。

Answer 1

如果浏览器无法解释 video 标签，html5 标签支持回退到任何元素。这是一个回退到 Flash 文件的快速示例。

<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 元素(例如带有文本“您的浏览器无法解释 html5..”或图片或任何您想要的内容的跨度)，而不是 embed 标签。基本上，html5 浏览器获取他们可以播放的视频源，而非 html5 浏览器忽略视频和源标签并在最后获取后备元素。