[html5]在html5标签中调用video视频标签如何考虑旧版本浏览器
[html5]在html5标签中调用video视频标签如何考虑旧版本浏览器
在没有插件或外部播放器的情况下向网页中添加视频,这对于在新 Windows UI 中运行 Internet Explorer 9 或 Internet Explorer 10 的用户或者不支持插件的移动设备上的用户来说非常适合。但可能会使你的受众仅局限于支持现代浏览器的用户。使用视频和音频 HTML5 元素,可以在标记之间放置文本或代码,这些文本或代码仅在用户的浏览器不支持 HTML5 时执行。
注意 音频和视频元素不同于画布,因为元素之间的代码仅在不支持这两个元素时才执行。画布的独特之处在于,标记之间的代码虽然不显示,但在支持画布时却实际执行该代码。Canvas Shadow DOM 允许开发人员为屏幕读取器和其他设备提供辅助功能支持。 有关详细信息,请参阅 HTML5 Canvas 和 Canvas Shadow DOM。
下一示例与上一示例类似,只是添加了一个对象标记,用于运行 Adobe Flash player 以支持较早版本的浏览器。
- <video controls poster="cuplayer.jpg">
- <source src="cuplayer.mp4" type="video/mp4" />
- <source src="cuplayer.webm" type="video/webm"/>
- <source src="cuplayer.ogv" type="video/ogg"/>
- <object>
- <embed src="cuplayer.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
- </object>
- HTML5 Video is required for this example
- </video>
在此示例中,如果浏览器支持 HTML5 视频,则它会尝试现有的视频格式。如果不支持 HTML5 视频,则会使用对象和嵌入的标记加载 Flash player。
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...