4

Правильно ли, что IE9 (Beta & Preview) не поддерживает относительную ширину/высоту видеотега html5?Тег Internet Explorer 9 beta HTML5 не поддерживает относительную ширину/высоту?

Chrome, Safari & Firefox все красиво принимают ширину = 50%, но IE9, кажется, читает его как 50px. (Видео отображается во всех 4 браузерах, поэтому проблем нет).

Мне было интересно, если это ошибка/функция еще предстоит реализовать или постоянное решение.

J.

+0

«видео отображается во всех 4 браузерах» - ну, я впечатлен тем, что вы так много управляете, учитывая все шарады вокруг видеоформатов. Вы проверили, что он по-прежнему работает в браузерах, отличных от Windows (Mac, Linux, iPad, мобильные телефоны ...) – Spudley

+0

Я также проверял Mac. Это mp4 с ogv и webM. Не пытались флеш-назад для старых браузеров или мобильных устройств, так как IE9 был упрямым ... – jbokkers

+1

См. Ответ Spudley's и dudeman. Процентные значения в атрибутах высоты и ширины недействительны в HTML5, поэтому, поскольку '

ответ

5

Вы пытались установить высоту и ширину с помощью CSS, а не атрибутов элемента HTML?

т.е. вместо:

<video src='whatever' height='50%' width='50%'> 

вы могли бы попробовать:

<video src='whatever' style='height:50%; width:50%;'> 

... или, конечно, положить стили в отдельном файле CSS.

+0

В качестве примечания, спецификация W3C говорит, что атрибуты высоты и ширины должны быть в пикселях, как и в теге . Использование процентов является технически недействительным, и в любом случае имеет смысл сделать эту информацию в CSS. – tankadillo

+0

Спасибо, сделал трюк. Несмотря на то, что, как сказал выше Alohci, это стильная вещь, и ее следует применять к CSS, она по-прежнему является нарушением поведения/реализации другого браузера. – jbokkers

+0

@jbokkers - IE9 может быть большим улучшением по сравнению с его предшественниками, но это не значит, что это будет идеально. В то время, когда им потребовалось взять IE9 от предварительного выпуска до выпуска кандидата, они уже начали отставать от конкурентов. Я предвижу будущее, когда IE по-прежнему остается хромой утки мира браузера. – Spudley

1

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

Просто чтобы быть полным: <video width="100%" height="100%"></video>

Окажу в 100px шириной в IE9. В последних версиях Chrome, FireFox, Safari и Opera это будет отображаться на 100% ширины родительского div.

1

Я использовал CSS для создания тега для ширины: 100% и высоты: 100%. Я попробовал IE9 Beta, и это, казалось, сработало.

 Смежные вопросы

  • Нет связанных вопросов^_^