Как сейчас, это проверяется только в WebKit.
Когда изображение плаката устанавливается в элементе <video>
, используя атрибут poster
, это изображение отображается перед воспроизведением пользователем видео (поведение по умолчанию). Однако, если изображение плаката имеет другое соотношение сторон, чем значение элемента <video>
, на котором оно установлено, пробелы (или, возможно, черные) видны по обе стороны изображения (слева и справа или сверху и снизу) и изображение центрировано (также, поведение по умолчанию).
Я хотел бы знать, как масштабировать изображение (желательно в CSS), чтобы он заполнил элемент видео, аналогично использованию значения CSS3 background-size: cover;
.
Все еще запутался? Возможно, этот JSFiddle поможет объяснить: http://jsfiddle.net/jonnymilano/2w2CE/
Меня также интересовали бы ответы, которые вынуждали изображение в видеоконтейнер, изменяя его высоту и/или ширину, чтобы соответствовать размерам видеоконтейнера. Однако этот ответ лишь частично разрешит мою проблему.