У меня есть следующий образец кода, который я хочу открыть в видео в fancybox, он отлично работает почти во всех браузерах, кроме тех случаев, когда я пытаюсь проверить его в стандартном режиме IE 8.
Он отлично работает в IE 9 и выше.
Основываясь на этом решении, я добавил следующую строку кода, но это не делает ее работу iframe: { preload: false }
Код замедления HTML:
<!DOCTYPE html >
<html lang="en">
<head id="Head1" runat="server">
<title></title>
.........
Образец кода
<div class="video-icon">
<a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a>
</div>
$("a.fancybox-video").fancybox({
width: 600,
height: 440,
closeClick: true,
hideOnOverlayClick: true,
type: 'iframe',
iframe: { preload: false // fixes issue with iframe and IE
}
});
Я не уверен, что это сломает, я не могу создать пример скрипки, поскольку скрипт не работает в IE 8, любая помощь в этом отношении ценится.
UPDATE: я попробовал это с fancybox Version 2.1.3, но я все еще сталкиваюсь с той же проблемой.
it doesn't work
, на самом деле не говорит, в чем проблема.
Если он не работает с v2.1.3, у вас могут возникнуть другие проблемы. Это ваш контрольный список для поиска и устранения неисправностей IE:
DOCTYPE
, а DOCTYPE
- первая строка вашего html-документа, поэтому IE не переключается в режим quirks..ready()
.Убедитесь, что у вас нет другой ошибки js. Проверить IE не показывает этот значок (нижний левый угол браузера):
В противном случае этот html
<a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a>
и этот код jQuery, оба отлично работают в IE [7-9], используя fancybox v1.3.4:
jQuery(document).ready(function ($) {
$("a.fancybox-video").fancybox({
width: 600,
height: 440,
hideOnContentClick: true, // closeClick: true, // this for v2.x
hideOnOverlayClick: true,
type: 'iframe'
});
}); // ready
См. DEMO на странице http://www.picssel.com/playground/jquery/youtubeEmbedIframe_07jan14.html.
browser.msie
в обнаружении FB, которое породило следующую ошибку 'jquery-1.8.3.min.js, строка 2, символ 59313` .. Поэтому при изучении урока используйте правильный файл js при использовании плагина ... также другая ошибка TypeError: $.browser is undefined
...