Fancybox отображает пустую страницу с IE7 - PullRequest
Новая
       15

Fancybox отображает пустую страницу с IE7

1 голос
/ 16 июля 2010

Я пытаюсь загрузить видео на YouTube с Fancybox. Он работает со всеми браузерами, но, похоже, проблема с IE7, он показывает только пустую белую страницу. Я не знаю, что я сделал не так, я протестировал этот пример в Интернете, и он работает с IE7, http://fancybox.net/blog. Я также взял у них свой код.

Итак, вот моя разметка на главной странице (где находится видео): 

<a href="http://www.youtube.com/watch?v=sqC3tk_-e7g" title="The Problem" id="homevideo1">
    <span class="playButton"></span>
    <img width="170" src="/images/all/video-image1.jpg" alt="" />
    <div class="videoTitle">The Problem</div>
</a>

и вот мой сценарий для видео: 

SetupVideos = function(){
    $("#homevideo1").click(function() {
        $.fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'     : 740,
            'height'        : 495,
            'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type'          : 'swf',
            'swf'           : {
                 'wmode'        : 'transparent',
                'allowfullscreen'   : 'true'
            }
        });
        return false;
    });
}

Это может быть что-то связанное с CSS, я не слишком уверен ... Но я вообще не касался .css, который поставляется с плагином

Есть идеи?

Спасибо.

Ответы [ 2 ]

0 голосов
/ 20 июля 2010

Synotte,

У меня тоже были проблемы с IE7 (не YouTube, а встраивание видео).

Удаление отступа с карты работало для меня, по какой-то причине оно уменьшало ширину видео до нуля.

Может быть, не ваша проблема, но стоит попробовать.

Адам

0 голосов
/ 16 июля 2010

Вам нужно поместить событие щелчка jquery в готовый документ, например, 

$(document).ready(function(){
    $("#homevideo1").click(function() {
        $.fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'         : 740,
            'height'        : 495,
            'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type'          : 'swf',
            'swf'           : {'wmode':'transparent','allowfullscreen':'true'}
        });
        return false;
    });
});

Попробуйте его вживую здесь (jsfiddle)

...