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>

而不是embed标签，您可以使用任何html元素（例如，带有文本的跨度“您的浏览器无法解释html5 ..”或图片或任何您想要的内容）。基本上，html5浏览器采用他们可以播放的视频源，而非html5浏览器忽略视频和源标签，并在最后采用falback元素。

带备用的HTML5视频标签

1 个答案: