我用过网上很多的修改属性的方法,但是都没有能够修改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
转载于:https://blog.51cto.com/9694632/1673291