YouTube iFrame API - кнопка полноэкранного режима не работает в IE - просто становится серой (отключается) после нажатия - PullRequest
Новая
       48

YouTube iFrame API - кнопка полноэкранного режима не работает в IE - просто становится серой (отключается) после нажатия

6 голосов
/ 11 ноября 2011

Я использую iFrame API YouTube для встраивания видео на страницу.Все прекрасно работает во всех браузерах, кроме ... IE.В IE кнопка для просмотра видео во весь экран не работает.Вы щелкаете по нему, и он просто становится серым.

Скорее всего, это что-то простое (не всегда?), Но я просто не могу найти проблему, и при этом я не могу также найти какую-либо ссылку на эту конкретную проблему.

Я не решаюсь приводить примеры URL-адресов, потому что некоторые из исправленных мною проблем уже не будут запущены в производство, пока я не смогу решить эту проблему, но основная проблема действительно есть ... так что, пример того, что я испытываю, можно найти по адресу:

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=1300008

Другой пример - (возможно, потребуется обновить пару раз - проблема, которую я уже исправил локально):

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=5500264

Пример кода iFrame для 2-го примера: 

<iframe name="youtubePlayer" width="225" height="135" class="youtube-player" id="youtubePlayer1" src="http://www.youtube.com/v/a5uiSVSQB3U&fs=1&playerapiid=youtubePlayer1&version=3&wmode=transparent&origin=http://lauramercier.com&modestbranding=1" frameBorder="0" style="padding-top: 5px; position: relative; z-index: 1;" type="text/html"></iframe>

О, и хотя 'var tag' и 'tag.src'что-то закомментировано, я тоже так пробовал, и это не имело значения, если я просто набрал всю строку: 

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>

Другой О ... Я также попробовал 'swfobject.embedSWF '(после того, как я переписал наш старый файл swfobject.js с кодом из кода Google), ноБаттон сделал то же самое.

Может быть, что-то противоречит?

Любая помощь будет принята с благодарностью !!!

Спасибо!

1 Ответ

7 голосов
/ 12 ноября 2011

После игры со всеми тремя API в течение всего дня я обнаружил проблему, с которой столкнулся:

Flash API : необходимая минимальная ширина 240 пикселей (согласно моему комментарию выше). Спасибо Брайану Дики за это.

API JavaScript : хотя я добавил allowfullscreen = "true" в теге , мне не хватало параметра объекта:

iFrame API : это заняло больше всего времени и позволило решить его как для iFrame, так и для JavaScript API. И после того, как я нашел решение, я смог найти документацию по нему . По сути, я ссылался на видео с помощью [youtube.com / v / videoID] (проигрыватели AS3 и AS2), в то время как кажется, что IE (и другие) могут использовать только [youtube.com / embed / videoID] (HTML5 Player) - по крайней мере, так, как я их реализую.

Единственная причина, по которой другие браузеры не страдали от этого, заключается в том, что в какой-то момент в процессе разработки я обнаружил необходимость (возможно, из-за того, что я неправильно реализовал wmode) для вызова iFrames отдельно, используя комментарии IE. И, должно быть, я получил ссылку на youtube.com/v/ с другой страницы с примером, чем у меня изначально, и не увидел разницы.

Теперь, когда я это вижу, я также установил, что / v / link не работает ни в одном браузере для моей реализации, поэтому, поскольку все они должны быть / embed / я не видел никакой другой причины для разделения используя комментарии IE.

Я также видел ссылку на youtube.com/e/ на некоторых страницах, но это не работает и для моей реализации.

...