Vimeo embed показывает черный экран в Firefox?

Я вставляю видео на свой веб-сайт, оно отлично работает во всех браузерах, но в firefox появляется черный экран, есть идеи? Использование режима iframe. Самое смешное, что некоторые появляются, а некоторые не используют один и тот же метод встраивания для всех.


wordpress php jquery css vimeo
person rob.m    schedule 08.02.2012    source источник
comment
Подожди минутку! Вы можете поверить, что теперь они работают? Зачем?!?! я ничего не трогал! и другие пользователи испытывали то же самое, что и я, но другие пользователи говорили, что могут смотреть видео? втф!? это должно свести с ума разработчиков, дорогие мальчики и девочки Vimeo! кстати последняя версия firefox   -  person rob.m    schedule 09.02.2012
comment
Я смотрел ваши видео, думая, что они в основном работают, и я не мог понять проблему. Я заметил, что иногда (я увеличил масштаб Firefox настолько, насколько это было возможно, чтобы легко увидеть страницу) видео загружало черный фон, но если я переключался на другую вкладку и обратно, то изображение показывалось, интересно, это какое-то CSS z-index/flash wmode проблема?   -  person akiller    schedule 09.02.2012
comment
там нет z-индекса, или он не должен использовать wmode, в любом случае не устанавливая его самостоятельно. Однако iframe предназначен для универсального проигрывателя, и он должен автоматически проверять, может ли он использовать версию html5 или flash, но, похоже, это не работает: vimeo.com/api/docs/player   -  person rob.m    schedule 09.02.2012

Ответы (2)


arrow_upward
1
arrow_downward

rob.m - да, показ и скрытие видео Vimeo приведет к появлению этого случайного черного экрана. Я ТОЛЬКО столкнулся с этим в проекте и большую часть дня рвал на себе волосы, пытаясь понять, почему.

Если вам НЕОБХОДИМО показывать/скрывать видео, и вам НЕОБХОДИМО, чтобы черный экран не отображался, вам придется использовать старую школьную флеш-вставку. Это будет работать.

Это компромисс: согласованные встраиваемые изображения = flash ИЛИ несогласованные встраиваемые изображения = универсальный метод (читай: HTML5 с откатом к flash).

[Краткая напыщенная речь: документация Vimeo API оставляет желать лучшего]

Если вам нужно взаимодействовать с этими видео, которые вы показываете/скрываете, и вы планируете использовать для этого Vimeo API, я обнаружил, что мне нужно использовать метод библиотеки SWFobjects. Дополнительную информацию см. в этом сообщении на форуме: http://vimeo.com/forums/topic:44521 - точнее предпоследний пост.

person chipcullen    schedule 09.02.2012
comment
спасибо, а как насчет айпада и айфона? Я загружаю iframe при вызове ajax, который исчезает после того, как окно расширится, я могу попытаться загрузить видео после того, как его окно будет расширено, и избежать изначально скрытого, как они говорят (?) - person rob.m; 09.02.2012

arrow_upward
0
arrow_downward

В конце концов я придумал использовать это:

На главной странице у меня есть элемент, который я затем заполняю и заменяю iframe. Спасибо

Главная страница:

<span class="video clearfix" data-vimeoid="<?php echo the_field('vimeo') ?>"></span>

Страница содержимого для загрузки:

var url = this.href + " .content";
var videoSpan = infoBox.find("span.video");
var iframe = $('<iframe/>', {

        'frameborder' : 0,

        'width' : '692',

        'height' : '389',

        'src' : 'http://player.vimeo.com/video/'+ videoSpan.data("vimeoid") +'?autoplay=0&api=1'

});

videoSpan.replaceWith(iframe);
person rob.m    schedule 10.02.2012