javascript - 更改 <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(最新版本)中，视频保持不变，正常大小。我无法在谷歌中找到任何解释为什么这行不通的内容。我尝试过使用 setattribute、for 循环、同时调整 and、单引号和双引号等。

知道哪里出了问题吗？

Answer 1

firefox 使用 'embed' 中的值而不仅仅是 'object' 标签的值 - 可能需要替换两者以确保