Quicktime - Wmode Прозрачная проблема

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

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

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

Как выглядит quicktime

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

Спасибо.


html internet-explorer quicktime wmode
person Dmitri Farkov    schedule 09.08.2011    source источник
comment
Вы тестируете это в IETester / браузере или в отдельной версии IE?   -  person rickyduck    schedule 11.08.2011
comment
Настоящая версия IE, работающая на виртуальной машине. Также встречается в Firefox.   -  person Dmitri Farkov    schedule 11.08.2011
comment
Могу ли я получить ссылку на пример страницы (с используемым вами test.mp4)? А какая ОС это ВМ? Также версия quicktime?   -  person rickyduck    schedule 12.08.2011
comment
Вы говорите, что ie не поддерживает Flash, или это запасной вариант, если он не поддерживает flash? Изящная деградация означает, что вам не нужна рабочая версия для пользователей, которые не соответствуют минимальным требованиям, вместо этого предоставьте ссылку на видео, чтобы они могли загрузить или посмотреть его в другом месте.   -  person zzzzBov    schedule 18.08.2011
comment
@zzzzBov: это запасной вариант. К сожалению, мы вынуждены идти навстречу требованиям клиентов, и отправка значительной части их демографических групп на скачивание видео снизит количество просмотров.   -  person Dmitri Farkov    schedule 19.08.2011

Ответы (2)


arrow_upward
4
arrow_downward

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

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

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

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

Рабочая демонстрация

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

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

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

person ShankarSangoli    schedule 17.08.2011
comment
Спасибо, но я знал об этих выводах. Моя проблема заключается в том, чтобы сделать работу в IE прозрачной, поскольку нам действительно нужен оверлей поверх него. Спасибо за уделенное время - person Dmitri Farkov; 17.08.2011
comment
@Dmitri - Когда мы устанавливаем wmode="transparent", панель управления отключается, но наложение работает, а с wmode="opaque" панель управления появляется, но наложение не работает, в этом случае почему бы вам не использовать iframe за наложением, тогда панель управления также появится, и наложение также будет работать . - person ShankarSangoli; 17.08.2011
comment
@Dimitri - Пожалуйста, проверьте мой отредактированный ответ, добавили рабочую демонстрацию, которая работает во всех браузерах с панелью управления и наложением поверх нее. - person ShankarSangoli; 17.08.2011
comment
Спасибо, Шанкар. Это все еще не решает проблему отображения IE? - person Dmitri Farkov; 17.08.2011
comment
Это работает в Firefox + Chrome, однако кажется, что первоначальная проблема в IE остается. Я пробовал использовать bgiframe для автоматического добавления iframe, но, к сожалению, в этой ситуации это не сработало. - person Dmitri Farkov; 17.08.2011
comment
Я пробовал в IE 6/7/8, и он отлично работает. Я вижу панель управления, а также наложение. Если хотите, я напишу код, чтобы показать iframe за оверлеем. - person ShankarSangoli; 17.08.2011
comment
@Dimitri - Пожалуйста, проверьте мой отредактированный ответ, я добавил bgiframe для Overlay. Вы можете использовать этот код условно, чтобы браузер IE отображал оверлей поверх плеера, спасибо. - person ShankarSangoli; 17.08.2011
comment
Спасибо большое, Дмитрий, цените это !! - person ShankarSangoli; 19.08.2011
comment
Этот ответ по-прежнему НЕ отображает элементы управления QuickTime. (WIN7 / CHROME / FF при использовании wmode = trans) - person Starboy; 16.11.2011

arrow_upward
2
arrow_downward

Атрибут 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 к высоте вставки для контроллера и / или scale = "aspect" решит вашу проблему в соответствии с документами. У меня нет более ранней версии IE для тестирования, поэтому, пожалуйста, дайте мне знать.

person VOX    schedule 16.08.2011
comment
Спасибо, что нашли время. К сожалению, как вы можете видеть на скриншоте, панель управления есть, но перед ней наложен артефакт. Я попробую использовать аспект - person Dmitri Farkov; 17.08.2011
comment
Ага. Вдобавок к этому, scale = aspect сохраняет артефакт на месте, а также добавляет белые боковые панели по обе стороны от видео. Спасибо! - person Dmitri Farkov; 17.08.2011
comment
не могли бы вы назвать мою версию QuickTime? - person VOX; 18.08.2011