Содержимое Vimeo iframe не отображается в ie7 - PullRequest
Новая
       8

Содержимое Vimeo iframe не отображается в ie7

1 голос
/ 30 января 2012

Это сводило меня с ума в течение нескольких дней. Я разработал плагин для платформы Rapidweaver, который позволяет пользователю легко размещать видео Vimeo в лайтбоксе. У меня проблема с тестированием в IE7. Видеоконтент не отображается. Вы можете посмотреть тестовую страницу здесь: http://www.garysimpson.co.uk/sandpit/sandpit.html

Плагин сгенерировал миниатюру из Vimeo и, щелкнув по ней, открывает видео в лайтбоксе. Я тестирую на компьютере с Windows XP под управлением ie7. Все остальные браузеры, которые я тестировал, работают нормально. Любые указатели очень ценятся.

1 Ответ

0 голосов
/ 30 января 2012

Ах, IE7 ... Я чувствую твою боль, Гари! У меня недавно была похожая проблема в проекте. Кажется, существует проблема со встроенным контентом, который начинается с display:none или подобным То, как я обошел это, заключалось в том, чтобы удалить и повторно добавить видеоконтент для IE, только когда лайтбокс был активирован. Например: 

// Check if browser is IE7
if ($.browser.msie && parseInt($.browser.version) == 7){
    // Clone the div containing the video content
    var clone = $("#video-div").clone(true);
    // Remove the div
    $("#video-div").remove();
    // Re-add the div to the lightbox
    $("#lightbox-div").append(clone);
}

РЕДАКТИРОВАТЬ : Вы можете попробовать использовать эту технику с устаревшим кодом встраивания вместо iframe. 

<object width="320" height="180">
    <param name="allowfullscreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" />
    <embed src="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="320" height="180"></embed>
</object>

ДАЛЬНЕЙШЕЕ РЕДАКТИРОВАНИЕ : Когда я провожу некоторое тестирование в Browserstack, похоже, что он работает в IE7 для меня. Это может быть что-то конкретное для вашей тестовой среды. ! Снимок экрана из окна IE7.

...