我注意到,當使用任何典型的隱藏div的方法在Safari瀏覽器中無法使用YouTube視頻時。看看這個基本webpage-無法隱藏Safari瀏覽器中的youtube iframe?
<!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>
現在的DIV是隱藏的,但試試這在Safari這 - 查看和打開開發者工具。如果你去Safari瀏覽器並點擊顯示,那麼視頻將會重新出現。現在,再次點擊它隱藏它,你會注意到它並沒有隱藏。爲什麼這會成爲一個問題,你可能想知道?好吧,我正在爲youtube視頻製作旋轉木馬,並通過隱藏不活動的視頻來工作。在Safari 5.1.7的最佳理由版本中,視頻根本不會消失。有沒有人知道這個問題的解決辦法?我試着用不透明度,高度,寬度和可見度來隱藏它,但你仍然可以在Safari中看到它。有人有主意嗎? iframe的
這是正確的答案。 – tfont