Javascript youtube js api,internet explorer(8+;inc.10)";SCRIPT438:对象没有';t支持属性或方法';播放视频'&引用;
带有视频的div最初是隐藏的(带有Javascript youtube js api,internet explorer(8+;inc.10)";SCRIPT438:对象没有';t支持属性或方法';播放视频'&引用;,javascript,internet-explorer,youtube-api,youtube-javascript-api,Javascript,Internet Explorer,Youtube Api,Youtube Javascript Api,带有视频的div最初是隐藏的(带有display:none;),但iframe似乎加载得很好,按下一个按钮,我首先更改display:none至显示:块,然后执行player(yt player的实例)player.playVideo(),真的没什么不寻常的。但它抛出了这个错误 注销player.playVideo确实会返回未定义的 记录player,返回此 { "b":{ "b":{ "width":1259, "height":709,
display:none;
),但iframe似乎加载得很好,按下一个按钮,我首先更改display:none代码>至<代码>显示:块
,然后执行player(yt player的实例)player.playVideo()
,真的没什么不寻常的。但它抛出了这个错误
注销player.playVideo
确实会返回未定义的
记录player
,返回此
{
"b":{
"b":{
"width":1259,
"height":709,
"videoId":"videaidhere",
"playerVars":{
"autoplay":0,
"controls":0,
"showinfo":0,
"rel":0,
"modestbranding":1,
"html5":0,
"wmode":"transparent"
}
},
"defaults":{
"host":"http://www.youtube.com",
"title":"video player",
"videoId":"",
"width":640,
"height":360
},
"a":false
},
"a":{
"closure_uid_78774223":2
},
"o":{
},
"closure_uid_78774223":1,
"s":1,
"d":130,
"u":false,
"t":[
{
"event":"command",
"func":"addEventListener",
"args":[
"onReady"
]
},
{
"event":"command",
"func":"addEventListener",
"args":[
"onStateChange"
]
}
],
"g":{
"a":[
null,
"onReady",
null,
null,
"onStateChange",
null,
null
],
"b":{
"onReady":[
1
],
"onStateChange":[
4
]
},
"G":7
},
"h":"player",
"D":{
"onReady":true,
"onStateChange":true
},
"k":{
},
"i":{
}
}
它在每个浏览器上都能工作,但IEs除外,我该怎么办?原因确实很简单,因为div最初是隐藏的,您需要做的只是以其他方式隐藏它,我在可见性:隐藏方面并没有太大成功代码>或<代码>不透明度:0代码>,顶部:-很多代码>与父对象一起溢出:隐藏代码>完成了任务
Harry Roberts的这段代码可能也能完成这项工作
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
@mixin accessibility{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position: absolute!important;
width:1px!important;
}