编辑我现在已经修改了一些Javascript,所以如果我能找到一个检测HTML5视频支持的javascript函数,它应该可以工作。
我有一个HTML5视频播放器,有闪光灯回退,如果HTML5不支持,我希望它回退到闪光灯。即时消息当前正在使用
<!--[if !IE]><!--> then load my custom player else use SWFObject to render it.
是否可以执行以下操作:
` If (HTML5 supported browser) {
<some html and script> (My custom player)
}else{
<different html and script> (I would call SWFobject here)
}
`
试图找到一个很好的简单的解决方案。
通常,我可以在视频标签中添加一个额外的<object>
,但由于播放器插入页面的方式,这是不可能的。
即使我可以用一种可能不可靠的方法检测到HTML5支持,我也不确定如何让我的HTML语言基于支持的输出
发布于 2012-02-29 19:44:59
你看过http://www.modernizr.com/docs/#features-css吗?
它可以进行特征检测
发布于 2012-09-07 14:26:40
更好的解决方案是使用像Modernizr这样的工具在客户端进行特性检测。HTML5是一个开放源码的、麻省理工学院许可的JavaScript库,可以检测对许多HTML5和CSS3特性的支持。如果您的浏览器不支持canvas API,则Modernizr.canvas属性将为false。
if (Modernizr.canvas) {
// let's draw some shapes!
} else {
// no native canvas support available :(
}
使用JQuery的另一种解决方案:检查对HTML5的canvas元素的支持
var test_canvas = document.createElement("canvas") //try and create sample canvas element
var canvascheck=(test_canvas.getContext)? true : false //check if object supports getContext() method, a method of the canvas element
alert(canvascheck) //alerts true if browser supports canvas element
发布于 2016-02-18 02:18:16
一次检查..。
// Plain JavaScript
(typeof document.createElement('canvas').getContext === "function")
// Or... Using lodash
_.isFunction(document.createElement('canvas').getContext)
https://stackoverflow.com/questions/9498512
复制相似问题