我用过网上很多的修改属性的方法,但是都没有能够修改object的宽度和高度的值,因为我的object是用VLC播放的控件嵌入到页面中,VLC的宽度和高度是只读属性,要想修改其属性,只能将“<object id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C……</object>”这些内容换掉,在网上无意间看到innerHTML的用法,但是我使用完之后的效果却并非我想要得到的效果:

修改的代码如下:

var src = document.getElementById("videoContainer").innerHTML;

src='<object id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C" style="width:1280px;height:720px;" events="True">';

src=src + '<param name="ShowDisplay" value="True"/>';

src=src + '<param name="AutoLoop" value="no"/>';

src=src + '<param name="AutoPlay" value="no"/>';

src=src + '<embed src="True" width="672" height="257" showdisplay="True" autoloop="no" autoplay="no"></embed>';

console.log("----------------------20150710---------------1-----------------%s\n",src);

src=src + '</object>';

本来以为使用以上的方法可以直接将<object>……</object>之间的内容换掉,但是因为没看到想要实现的效果,所以添加了一个打印信息:

console.log("----------------------20150710---------------1-----------------%s\n",src);这句话打印出来的信息是:

<PARAM NAME="AutoLoop"VALUE="0"><PARAM NAME="AutoPlay"VALUE="-1"><PARAM NAME="Toolbar"VALUE="0"><PARAM NAME="ExtentWidth"VALUE="33866"><PARAM NAME="ExtentHeight"VALUE="19050"><PARAM NAME="MRL"VALUE=""><PARAM NAME="Visible"VALUE="-1"><PARAM NAME="Volume"VALUE="50"><PARAM NAME="StartTime"VALUE="0"><PARAM NAME="BaseURL"VALUE="http://192.168.10.108/setup.cgi?next_file=Liveview.html"><PARAMNAME="BackColor" VALUE="0"><PARAMNAME="FullscreenEnabled" VALUE="0">

                  <param name="ShowDisplay"value="True">

                  <paramname="AutoLoop" value="no">

                  <paramname="AutoPlay" value="no">

                  <embedheight="257" width="672" src="True"autoplay="no" autoloop="no"showdisplay="True">

为什么得到的结果不是以下的代码:

var src = document.getElementById("videoContainer").innerHTML;

<object id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C" style="width:1280px;height:720px;" events="True">;

<param name="ShowDisplay" value="True"/>;

<param name="AutoLoop" value="no"/>;

<param name="AutoPlay" value="no"/>;

<embed src="True" width="672" height="257" showdisplay="True" autoloop="no" autoplay="no"></embed>;

请各位高人指示:

html