Изменение высоты и ширины <object>работает в Chrome, но не в Firefox или IE. Зачем?

Question

Я делаю сайт с двумя Youtube видео. Эти видео используют сырой код для вставки с Youtube. Дизайн сайта не работает ни с одним из стандартных размеров YouTube, поэтому я пишу код для автоматического изменения размера видео. Вот мой код На этой странице никогда не будет больше этих двух тегов, иначе я бы лучше выбрал видео.

<script language='JavaScript' type='text/javascript'>
var x=document.getElementsByTagName('object');

x.[0].width='350';
x.[0].height='350';
x.[1].width='350';
x.[1].height='350';

</script>

Для справки вот пример встраивания YouTube по умолчанию, который может изменить код:

<object width="480" height="385">
<param name="movie" value="http://www.youtube-nocookie.com/v/zSgiXGELjbc&hl=en_US&fs=1&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/zSgiXGELjbc&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed>
</object>

В Chrome видеоплееры идеально помещаются в коробку 350x350. В IE и FF (последние версии) видео имеют неизменный, нормальный размер. Я не могу найти в Google ничего, что объясняет, почему это не сработает. Я пытался использовать setattribute, для циклов, настройки обоих и одинарные кавычки и двойные кавычки и т. Д.

Есть идеи, что не так?

Answer 1

firefox использует значения в 'embed', а не только значения тега 'object' - вероятно, необходимо заменить оба, чтобы быть уверенным

Answer 2

Это x[0].style.width.

ширина, высота, отображение и т. Д. - все свойства стиля объекта.

И я пишу x[0].style.width = 350 + px

Также обратите внимание, что и ваш объект, и ваш код для вставки имеют встроенные размеры, и они могут перекрывать ваш JS, в зависимости от браузера / версии.

Answer 3

Во-первых, вы должны написать x[0], а не x.[0]. Если это тоже не сработает, у меня есть еще две идеи:

(1)

x[0].width='350px';
x[0].height='350px';
x[1].width='350px';
x[1].height='350px';

(2)

x[0].style.width='350px';
x[0].style.height='350px';
x[1].style.width='350px';
x[1].style.height='350px';