Youtube встроенное видео iframe не работает (черный экран)

Question

На Diveboard мы сделали замечательный взлом фотографий для поддержки видео

Все шло хорошо, пока я не обнаружил, что бета-версии Firefox 11 и 12 больше не воспроизводят встроенные видео на YouTube ... кажется, они загружены, мы можем слышать звук и картинки без изображений ... так что вместо этого - радио на YouTube Вы можете увидеть пример здесь: Пример видео страницы

И я снова и снова ломаю голову над этим, но я не в курсе :(: (

РЕДАКТИРОВАТЬ: Очевидно, это проблема только на OSX! что делает меня еще более невежественным ...

Любая подсказка будет оценена

код iframe довольно прост:

<iframe width='#{width}' height='#{height}' src='http://www.youtube.com/embed/#{matchdata}?wmode=opaque&autoplay=1' frameborder='0' allowfullscreen></iframe>

Answer 1

Какой стиль CSS вы используете в своем iframe?http://argylesocial.com использовал border-radius на iframes youtube html5, и удаление этих объявлений стилей решило проблему.

Мне пришлось удалить и -moz-border-radius и border-radius, чтобы видео получалосьдисплей.Работает как шарм сейчас!

Answer 2

У меня возникла та же проблема в блоге моего веб-сайта, который я разрабатываю, я добавил высоту для iframe, поскольку Firefox не извлекал высоту из тега высоты в iframe, решение либо добавить высоту, используя тег style, но если Это адаптивный веб-сайт, который использует media css для высоты тегов iframe. Пример может объяснить это лучше.

Если вы используете фиксированную высоту для iframe, попробуйте добавить тег стиля в iframe, как в

style="height:374px"

Если сайт отзывчивый, добавьте iframe к медиа-запросу в css - например:

@media screen and (min-width: 100px) and (max-width:768px) { 
    .video iframe {height:200px}
}

и т. Д.

Это сработало для меня, надеюсь, это поможет и другим.

Спасибо!

Answer 3

На самом деле это ошибка FF, которая теперь исправлена ​​в Mozilla 12/13/14 http://ksso.net/~alex/ff_bug/moz-transform.html