Javascript 改变<;对象>;高度和宽度适用于Chrome,但不适用于Firefox或IE。为什么?

Javascript 改变<;对象>;高度和宽度适用于Chrome,但不适用于Firefox或IE。为什么?,javascript,firefox,dom,object,google-chrome,Javascript,Firefox,Dom,Object,Google Chrome,我正在制作一个包含两个Youtube视频的网站。这些视频使用来自Youtube的原始嵌入代码。该网站的设计不适用于任何默认的Youtube大小,因此我正在编写代码来自动调整视频大小。这是我的密码。页面上永远不会超过这两个标签,否则我会更好地选择视频 <script language='JavaScript' type='text/javascript'> var x=document.getElementsByTagName('object'); x.[0].width='350'

我正在制作一个包含两个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>

var x=document.getElementsByTagName('object');
x、 [0]。宽度=350';
x、 [0]。高度=350';
x、 [1]。宽度=350';
x、 [1].高度=350';
以下是代码可能更改的默认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、单引号和双引号等


你知道哪里出了问题吗?

首先,你必须写
x[0]
而不是
x[0]
。 如果这也不行,我还有两个想法:

(一)

(二)


firefox使用“嵌入”中的值,而不仅仅是“对象”标记中的值-可能需要同时替换这两个值以确保它是
x[0]。style.width

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

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


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

谢谢您的想法,但这些都没有任何区别。这很令人困惑。还有人有想法吗?我还在想办法,这就是答案。非常感谢你!
x[0].width='350px';
x[0].height='350px';
x[1].width='350px';
x[1].height='350px';
x[0].style.width='350px';
x[0].style.height='350px';
x[1].style.width='350px';
x[1].style.height='350px';