fancybox2 ie 10, iframe не исчезает

Question

Когда я скрываю fancybox с iframe в ie 10, fancybox исчезает, а iframe stucks. Fancybox версия: 2.1.4. Мой HTML:

<ul class="gallery_new"> 
    <li id="104" class="video"> 
     <span>title</span> 
     <a href="images/gallerys/kids/big/wipeout2.jpg" class="fancybox"> 
      <img src="images/g2allerys/kids/thumbnails/wipeout2_thumb.jpg"> 
     </a> 
     <a class="showVideo" href="#video104"></a> 
    </li> 
</ul> 

<div style="display:none" id="video104"> 
    <iframe width="425" height="355" src="http://www.youtube.com/embed/bYS2hrj9HzI" frameborder="0" allowfullscreen=""></iframe> 
</div> 

И JS является:

$("ul.gallery_new > li > a.fancybox").fancybox({ 
     openEffect : 'elastic', 
     closeEffect : 'elastic', 

     helpers : { 
      title : { 
       type : 'inside' 
      } 
     } 
    }); 

    $("ul.gallery_new > li > a.showVideo").fancybox(); 

Answer 1

Я думаю, что это не очень хорошая идея, чтобы иметь встроенный iframes, если не является строго необходимым, но в вашем случае я не думаю, что так.

Вы можете удалить скрытый встроенный контейнер id="video104" и изменить HTML, чтобы связать Видеосервис YouTube прямо как:

<a id="video104" class="showVideo" href="http://www.youtube.com/embed/bYS2hrj9HzI">show video</a> 

затем использовать этот скрипт:

$("a.showVideo").fancybox({ 
    type: "iframe", 
    width: 425, 
    height: 355, 
    fitToView: false 
}); 

Делая это, ваше видео будет называется только тогда, когда это необходимо. Это также поможет улучшить загрузку страницы.

См JSFIDDLE

ПРИМЕЧАНИЯ: вы можете включить режим автоматического воспроизведения видео-ролика, добавив ?autoplay=1 в качестве параметра завершающего в URL, как:

<a id="video104" class="showVideo" href="http://www.youtube.com/embed/bYS2hrj9HzI?autoplay=1">show video</a>