IE9 переопределяет атрибут poster для видео HTML5 с миниатюрой видео - PullRequest
4 голосов
/ 13 октября 2011

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

Ответы [ 3 ]

7 голосов
/ 14 октября 2011

Прежде всего: поведение IE глупо, но было правильным в соответствии со спецификацией HTML5 (больше нет?).Если вы хотите обвинить кого-то, вы должны обвинить Apple / Quicktime, потому что они запросили возможность удалить атрибут poster, если загружены метаданные видео (такое поведение можно увидеть в Safari4 с более старым плагином Quciktime).Теперь Chrome и Safari исправили свое поведение, а затем изменили спецификацию (Хороший ход).

Да, вы можете изменить это поведение, используя обходной путь, просто используйте preload = "none" для вашего видеоэлемента:

<video preload="none" poster="path/to/poster.jpg" src="path/to/video.mp4"></video>
0 голосов
/ 24 декабря 2012

См. Мое решение проблемы с постером в IE9:

http://www.artbymikeshaffer.com/vids/finalproject_chetbakerquartet_poster7.html

Некоторые простые CSS и условные выражения сделали свое дело.Сейчас я придерживаюсь мнения, что постеры должны быть размещены в начале (первый кадр) и в конце (последний кадр) видео, как если бы они были обложками альбомов.Таким образом, изображение в начале и в конце видео даст НЕКОТОРЫМ визуальным представлениям о том, почему они должны воспроизводить видео (как причина, по которой вы иногда покупаете альбом, из-за обложки).* Стоимость моих двух центов

1009 * Приветствия
0 голосов
/ 23 декабря 2012

preload="none", похоже, решает проблему отсутствующего плаката в IE9, однако эффективно отключает элементы управления в Opera - в этом случае индикатор выполнения видео остается в начале видео во время воспроизведения.

Не большая проблема, за исключением того, что это происходит. Хотелось бы узнать, есть ли скрипт для включения preload="none" в IE и иметь preload="auto" во всех других браузерах.

...