embed - 具有后备功能的 HTML5 视频标签

Question

我正在寻找一种在 html 中嵌入视频和音频的解决方案。新的视频标签支持 .ogg 和 .mp4，但有 .flv 和其他格式的备用解决方案吗？
例如，如果我想嵌入一个 .ogg，它会检查是否支持 html5，如果不支持，它会使用回退。如果我想嵌入一个 .flv 是使用后备。

Answer 1

如果浏览器无法解释视频标签，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 元素来代替 embed 标记（fe 一个带有文本“您的浏览器无法解释 html5 ..”的跨度或图片或任何您想要的东西）。基本上，html5 浏览器采用他们可以播放的视频源，而非 html5 浏览器忽略视频和源标签，并在最后采用后备元素。