Javascript youtube js api,internet explorer(8+;inc.10)";SCRIPT438:对象没有';t支持属性或方法';播放视频'&引用;

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,

带有视频的div最初是隐藏的(带有
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;
}