Quicktime - Wmode Прозрачная проблема - PullRequest
1 голос
/ 09 августа 2011

Встраивание видео Quicktime на страницу как изящный запасной вариант для браузеров семейства IE (без flash / html5). У меня есть div с наложением видео позже, поэтому встраивание Quicktime должно быть wmode = прозрачный. Ниже код для вставки:

<embed src="test.mp4" width="300" height="400" wmode="transparent" autoplay="true" scale="tofit" />

Проблема в том, что область вставки мигает белым перед загрузкой плагина QuickTime. Внедрение успешно завершается, и начинается воспроизведение видео, однако панель управления блокируется белым.

What quicktime looks like

Есть идеи, как это исправить? (Изменение wmode не вариант). Это происходит во всех браузерах IE + FF3.6 (более ранние версии не тестировались).

Спасибо.

Ответы [ 2 ]

4 голосов
/ 17 августа 2011

Игрок скрывает панель управления в IE из-за wmode="transparent".Live пример , протестирован во всех версиях IE (6/7/8 и 9), и я видел такое же поведение, однако настройка wmode="opaque" показывает панель управления.Live пример , протестирован во всех версиях IE (6/7/8 и 9) и видел такое же поведение.Но проблема с wmode="opaque" заключается в том, что мы не можем показать какой-либо оверлей (элемент dom) поверх плеера.

FF 3.6 с wmode="transparent" ничего не показывают, я имею в виду, что самого игрока не видно.Live пример .Но с wmode="opaque" все работает без проблем, мы можем иметь оверлей также поверх проигрывателя.Live пример

В Chrome 13 с wmode="transparent" все отлично работает.Live пример .Но с wmode="opaque" единственная проблема в том, что мы не можем показать какой-либо оверлей поверх плеера.Live пример

Я думаю, что это даст вам достаточное представление о проблемах с проигрывателем Quicktime в большинстве современных браузеров, связанных с проблемами wmode и control bar.

Работает Демо

  • Это работает во всех браузерах IE (все версии) и Chrome 13. В FF 3.6 работает только с wmode="opaque", а такжеподдерживает наложение.Поэтому для FF вы можете установить условно wmode.

Рабочая демонстрация с bgiframe для наложения.

http://jsfiddle.net/Q3yBR/23/

2 голосов
/ 16 августа 2011

Атрибут HEIGHT указывает высоту встроенного файла в пиксели. Атрибут HEIGHT является обязательным, если только атрибут HIDDEN указано. ВЫСОТА фильма может быть найдена, выбрав «Получить Информация ... »в меню« Фильм »в QuickTime Player. Если вы этого не сделаете используйте атрибут SCALE, и вы поставите высоту, которая меньше, чем фактическая высота фильма (плюс 16, если вы показываете контроллер), фильм будет обрезан, чтобы соответствовать высоте. если ты предоставить высоту, которая больше, чем высота фильма, фильм будет в центре этой высоты.

Примечание. Никогда не указывайте высоту менее 2, так как это может вызвать проблемы. с некоторыми браузерами.

> Примечание 2. Контроллер фильма имеет высоту 16 пикселей, поэтому добавьте 16 пикселей к высота фильма, чтобы сделать его видимым.

<embed src="test.mp4" width="300" height="416" wmode="transparent" autoplay="true" scale="tofit" />

добавление 16 к вашей высоте встраивания для контроллера и / или масштаба = "аспект" решит вашу проблему в соответствии с документами. У меня нет более низкой версии IE для тестирования, поэтому, пожалуйста, дайте мне знать.

...