kostos 17 июн 2009 в 05:56

Сохранение исходных пропорций видео

9 мин

9.7K

Веб-разработка *

Перевод

+23

Комментарии 27

Yolenzo 17 июн 2009 в 06:52

мамба-мамба — хуямба, танцуют на примерах.

8cinq 17 июн 2009 в 07:03

Жалко не все броузеры поддерживают стиль zoom — только Сафари, Хром и пресловутый ИЕ. Так бы можно было обойтись одной строчкой кода, вместо этого нагромождения.

kostos 17 июн 2009 в 07:25

Ну, не такое уж и нагромождение.
Если бы все, во всех броузерах, работало бы одинаково, было бы не интересно ;)

0lympian 17 июн 2009 в 12:42

> Использование 20% для padding делает высоту блока равной 20% от его ширины.
Ошибочка вышла. Вероятно, вторая цифра подразумевала 80%

WebSinner 17 июн 2009 в 14:06

ИМХО наоборот, если бы все браузеры бы пришли наконец к единым стандартам, то жизнь была бы куда веселее, и без траты времени на подгонку кросбраузерности

Q2W 17 июн 2009 в 07:09

Очень полезно, большое спасибо.

Enlightened 17 июн 2009 в 07:09

Круто, спасибо за перевод.

Ackrite 17 июн 2009 в 07:24

> Это объясняется тем, что IE5…
а в IE3.0 как? ) все ровно? )

kostos 17 июн 2009 в 07:26

А вы его в глаза то видели хоть?
Многие и 5-го не видели.

Ackrite 17 июн 2009 в 07:35

Your Sarcasm Detector is broken, Sir.

kostos 17 июн 2009 в 07:37

8cinq 17 июн 2009 в 07:39

Думаю имел место сарказм) ИЕ5 такое ископаемое, что на него давно можно забить, я думаю.

WebSinner 17 июн 2009 в 14:15

Мы например тестируем всю верстку начиная с IE 5 и выше. Как показывает статистика IE 5 еще жив

Ackrite 17 июн 2009 в 14:52

Некрофилы.

WebSinner 17 июн 2009 в 14:55

Зато в государственных структурах большинство министров сидят на старых IE 5.5 и когда звонят с возгласом верстка разъезжается становится не приятно !)

Ackrite 17 июн 2009 в 16:05

Они так и говорят «Верстка разъезжается»? :)
У вас там потоковое видео вещается на сайтах для гос. структур? :)
Вряд ли для них вы делаете какой-то офигенный вебдваноль-дизайн, поэтому проблем с версткой в принципе-то и не должно быть. Таблицы везде работают нормально :).

Q2W 17 июн 2009 в 07:27

Правильно ли я понял, что нужно заранее знать соотношение сторон у видео?

kostos 17 июн 2009 в 07:29

Да правильно.
Но как правило, большинство видео 4:3 или 16:9

Q2W 17 июн 2009 в 07:48

Надо бы сделать какую-нибудь детекцию размеров флешки, тогда можно будет использовать изложенную в статье технологию универсально и ни о чём не задумываясь.

kostos 17 июн 2009 в 08:10

Когда вы вставляете флэш на страницу, как правило вы же знаете его размеры, так что посчитать отношение не сложно.
Достаточного маленького js. если брать отношение высоты к ширине, то для 16:9 — это 0.5625, а для 4:3 — это 0.75, среднее это 0.65625, с ним и будем сравнивать.
Пример скрипта с использованием jQuery

if ($('#myVideo').height()/$('#myVideo').width() < 0.65625 )
	$('#myContainer').addClass('wideScreen');
else
	$('#myContainer').addClass('fourBYthree');

XXXVII 17 июн 2009 в 08:12

На Муви видео так растягивается

M0rFium 17 июн 2009 в 12:55

Спасибо, а я-то сижу и силюсь понять, о чем речь в топике: как у нас или нет :)

kostos 17 июн 2009 в 13:01

Нет не как у вас.
Речь идет о изменении размера видео в зависимости от размера контейнера (например, когда нужно, чтобы видео занимало 60% контентной области) с сохранением пропорций