无法在Safari中隐藏youtube iframe?

use*_*697 2 css youtube safari iframe visibility

我注意到,当使用任何典型的隐藏div的方法时,如果有YouTube视频,它在Safari中不起作用.看看这个基本网页 -

<!DOCTYPE html>
<html>
<head><title>Safari Test</title></head>
<body>
<div id="test">
<iframe width="560" height="315" src="http://www.youtube.com/embed/Nry5zSJxG9k" frameborder="0" allowfullscreen></iframe>
</div>
<div id="safari" style="display: none;">
<iframe width="560" height="315" src="http://www.youtube.com/embed/Nry5zSJxG9k" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

div现在已隐藏,但请尝试尝试此操作 - 在Safari中查看此内容并打开开发人员工具.如果您转到safari div并单击关闭显示,则视频将重新出现.现在,再次点击它以隐藏它,你会发现它没有隐藏.你可能想知道为什么这会成为一个问题?好吧,我正在为youtube视频使用旋转木马,它通过隐藏非活动视频来工作.在safari的最主要版本5.1.7中,视频根本不会消失.有谁知道解决这个问题?我尝试用不透明度,高度,宽度和可见度隐藏它,但你仍然可以在Safari中看到它.有人有主意吗?

Jay*_*Jay 5

我尝试用不透明度,高度,宽度和可见度隐藏它,但你仍然可以在Safari中看到它.有人有主意吗?

您是否尝试过将iframe移出屏幕?

position: absolute;
left: -10000px;
top: -10000px;
Run Code Online (Sandbox Code Playgroud)