javascript - 如果我隐藏其父 div，Youtube 视频不会在 IE 中停止

Question

例如，我有一个这样的结构:

Javascript

function toggle(id){
    var element = document.getElementById("id");

    if(element.style.display != 'block'){
        element.style.display = 'none';
    } else {
        element.style.display = 'block';
    }
}

HTML

<div onclick="toggle('holder')">Toggle Video</div>

<div id="holder" style="display:none">
   <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/A_hp2ubJaNo?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/A_hp2ubJaNo?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</div>

当我单击切换视频时，视频显示并开始播放，当我再次单击它时，视频隐藏 但视频在 Internet Explorer 中仍在播放!

请不要发布任何使用 jQuery 或任何库的答案，仅使用纯 Javascript，谢谢!

Answer 1

切换 CSS display 属性并不是杀死 Flash 的可靠方法。正如您所发现的，浏览器之间的行为是不同的。您最好使用 domElement 从 DOM 中剪切元素。 parentNode 。 removeChild (domElement)