Плагин Jquery Cycle + видео

Я работаю над ошибкой jcycle в Chrome. У меня есть настройка jcycle rotator для поворота видео на YouTube для портфолио. Проблема в том, что когда страница загружается или обновляется в Chrome, одно из видео, которое должно быть скрыто, отображается в левом верхнем углу. Когда я применяю исправление для отображения без исправления из часто задаваемых вопросов, оно постоянно скрывает все видео, кроме первого. См. примеры ниже. Любая помощь будет принята с благодарностью. Спасибо!

БЕЗ отображения нет Исправление: (Видео всплывают слева:0 вверху:0) http://www.tweedstudios.com/!/broadcast.php

WITH Display none Исправление: (видео постоянно скрыты) http://www.tweedstudios.com/!/broadcast2.php

Кроме того, в Safari есть еще одна ошибка. Я уверен, что это связано с CSS, но я не могу точно определить это. Спасибо еще раз!


person Travis Hedrick    schedule 05.05.2012    source источник
comment
Какая версия хрома? Я не мог воспроизвести ошибку «БЕЗ отображения без исправления», и, похоже, все работало нормально. у меня хром 18   -  person luke2012    schedule 05.05.2012


Ответы (1)


Для iFrame YouTube во втором примере установлено значение displayLnone. Я бы предложил вам вместо этого использовать видимость: скрытый, а затем в цикле jquery перед событием в плагине цикла jquery вы можете изменить его на видимый перед переходами слайдов.

Видео Youtube в моем скрытом DIV начинает загружаться только после отображения DIV

http://jquery.malsup.com/cycle/options.html

person lucuma    schedule 05.05.2012
comment
Проблема с хромом была исправлена ​​с помощью position:absolute; верх:0; слева:0; на слайдах и фреймах. Хотя у меня все еще есть проблемы в SAFARI. Как будто скрытое переполнение не работает. tweedstudios.com/!/broadcast3.php - person Travis Hedrick; 06.05.2012
comment
Я проверил это на Safari Mac, и проблем нет, хотя, когда я нажимаю кнопку «Воспроизвести», слайд-шоу никогда не останавливается, чтобы я мог посмотреть видео. - person lucuma; 06.05.2012
comment
@TravisHedrick Добавьте &wmode=opaque к URL-адресу каждого видео. Это должно решить проблему с сафари. - person lucuma; 08.05.2012
comment
@TravisHedrick Помог ли этот ответ решить проблему? Если да, буду признателен, если вы отметите ответ (нажмите на галочку). Если нет, можете ли вы предоставить некоторые отзывы? - person lucuma; 29.05.2012