更改 <object> 高度和宽度适用于 Chrome，但不适用于 Firefox 或 IE。为什么？答案

【问题标题】：Changing <object> height and width works in Chrome but not Firefox or IE. Why?更改 <object> 高度和宽度适用于 Chrome，但不适用于 Firefox 或 IE。为什么？
【发布时间】：2011-02-10 10:41:34
【问题描述】：

我正在制作一个包含两个 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 、单引号和双引号等。

有什么想法吗？

【问题讨论】：

标签： javascript firefox dom object google-chrome

【解决方案1】：

首先，你必须写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';

【讨论】：

感谢您的想法，但这些想法都没有任何区别。这非常令人困惑。
还有其他人有想法吗？我仍在努力解决这个问题。

【解决方案2】：

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

【讨论】：

这就是答案。非常感谢！

【解决方案3】：

我是x[0].style.width。

宽度、高度、显示等都是对象样式的属性。

我写x[0].style.width = 350 + px

还要注意，您的对象和嵌入都具有内联指定的尺寸，这些尺寸可能会覆盖您的 JS，具体取决于浏览器/版本。

【讨论】：