·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]在html5标签中调用video视频标签如何考虑旧版本浏览器

时间:2017-12-05 09:16酷播
[html5]在html5标签中调用video视频标签如何考虑旧版本浏览器

在没有插件或外部播放器的情况下向网页中添加视频,这对于在新 Windows UI 中运行 Internet Explorer 9 或 Internet Explorer 10 的用户或者不支持插件的移动设备上的用户来说非常适合。但可能会使你的受众仅局限于支持现代浏览器的用户。使用视频和音频 HTML5 元素,可以在标记之间放置文本或代码,这些文本或代码仅在用户的浏览器不支持 HTML5 时执行。

 

注意  音频和视频元素不同于画布,因为元素之间的代码仅在不支持这两个元素时才执行。画布的独特之处在于,标记之间的代码虽然不显示,但在支持画布时却实际执行该代码。Canvas Shadow DOM 允许开发人员为屏幕读取器和其他设备提供辅助功能支持。 有关详细信息,请参阅 HTML5 Canvas 和 Canvas Shadow DOM

下一示例与上一示例类似,只是添加了一个对象标记,用于运行 Adobe Flash player 以支持较早版本的浏览器。

  1. <video controls poster="cuplayer.jpg"> 
  2.   <source src="cuplayer.mp4" type="video/mp4" /> 
  3.   <source src="cuplayer.webm" type="video/webm"/> 
  4.   <source src="cuplayer.ogv" type="video/ogg"/>      
  5.   <object> 
  6.     <embed src="cuplayer.mp4" type"application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" /> 
  7.   </object>         
  8.   HTML5 Video is required for this example 
  9. </video> 

在此示例中,如果浏览器支持 HTML5 视频,则它会尝试现有的视频格式。如果不支持 HTML5 视频,则会使用对象和嵌入的标记加载 Flash player。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器