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

Question

我正在寻找在 html 中嵌入视频和音频的解决方案。新的 videotag 支持 .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 元素(例如带有文本“您的浏览器无法解释 html5..”的跨度或图片或您想要的任何内容)来代替嵌入标记。基本上，html5 浏览器会获取它们可以播放的视频源，而非 html5 浏览器会忽略视频和源标签，并在末尾获取 falback 元素。