IE отбрасывает "%" от измерений при добавлении строки HTML

Question

Я пытаюсь создать элемент видео в виде строки, установить высоту и ширину из переменных (также строк), и я обнаружил, что IE9 удаляет «%» из значений измерения.Вот приведенный ниже пример:

html:

<div id="videoWrap">
</div>

javascript:

var height = '100%',
    width = '100%',
    video = '<video id="someId" width="' + width + '" height="' + height + '">' +
            '<source src="http://someSource.com" /></video>';

$('#videoWrap').append(video);

результат в Chrome (или любом другом разумном браузере):

<div id="videoWrap">
    <video id="someId" width="100%" height="100%">
        <source src="http://someSource.com" />
    </video>
</div>

результат в IE:

<div id="videoWrap">
    <video id="someId" width="100" height="100">
        <source src="http://someSource.com" />
    </video>
</div>

У кого-нибудь есть мысли?

Answer 1

width и height НЕ являются тем, как вы должны стилизовать элемент для размера.Эти два атрибута должны указывать ТОЛЬКО размер в пикселях.

Вместо этого, сделайте это правильно с style="width: 100%; height: 100%;".

Answer 2

Я могу предложить вам сделать следующее:

var vdo = $('<video/>').css({'width':'100%','height':'100%'});

, а затем добавить свой отдых ...

Answer 3

Это связано с тем, что в этом случае IE более строг в отношении стандарта.

Согласно спецификации HTML размеры должны указываться как целочисленные значения в виде пикселей.Использование процентов недопустимо.