嵌入式Youtube API在Chrome中运行一段时间后冻结

Question

我为视频背景创建了一个全面的Youtube和CSS框架，它可以很好地工作，自动播放，重放等等。但是，在运行一段时间之后，它会冻结并使其上的所有元素在我滚动时“拖动”（就像在像Youtube播放器中的像素一样，就像GPU刚刚崩溃一样）。我尝试使用：-webkit-transform：translateZ（0）;通过伪造3D来利用CSS GPU加速。这个可能有所帮助，但由于问题偶尔发生，我无法确定。刷新页面后，一切正常，直到我让它运行一段时间。

它可能是我的硬件，我正在运行2012戴尔XPS，配备8GB内存，i7处理器，2 GHz，我的游戏图形上的Windows体验指数为6.7，此问题仅发生在Chrome 目前为止据我所知。

以下是Youtube iFrame的代码：

<iframe allowscriptaccess="always" style="z-index:-1000 !important;" id="videoBackground" onhover="return:false;" src="http://www.youtube.com/embed/GI3rBwqwDbw?&version=3&enablejsapi=1&playerapiid=ytplayer&allowscriptaccess=always&vq=hd1080&feature=player_embedded&autoplay=1&volume=0&controls=0&loop=1&modestbranding=1&showinfo=0&wmode=transparent&rel=0&playlist=GI3rBwqwDbw" frameborder="0" allowfullscreen="false"></iframe>

这里是父div的CSS：

overflowContainer {

background-color:#000;
width:100%;
height:580px;
overflow:hidden;
margin:auto;
text-align:center;
position:relative;
z-index:0;
-webkit-transform:translateZ(0);

}

videoBackground {

position:absolute;
margin:auto;
left:0;
right:0;
top:-26.5%;
bottom:-26.5%;
width:1920px;
height:1080px;
z-index:0;
-webkit-transform:translateZ(0);

}

如果您想出任何事情或有任何想法来阻止这种“崩溃”，请告诉我。