VLC <object> width are height aer rendered as 0
Posted: 24 Oct 2014 20:19
Hello,
In my code I need dynamically inject html code to load VLC player like:
but during run time, in IE 9, it is always rendered as :
Obvious it is invisible as the width and height are both 0.
Anywhere wrong?
In my code I need dynamically inject html code to load VLC player like:
Code: Select all
var child = jQuery('<div id="' + this.options.divId + '_objectdiv" class="objectdiv" style="position: absolute; display: block; width: 100%; height: 100%; top: 0px;">' +
'<div id="' + this.options.playerId + '" style="display: block; width: 100%; height: 100%;">' +
' <OBJECT type="application/x-vlc-plugin" id="' + this.options.playerId + '_emb" ' +
' classid="CLSID:9BE31822-FDAD-461B-AD51-BE1D1C159921" width="400" height="300"> ' +
' <PARAM NAME=\"Src\" VALUE=\"http:\/\/10.51.51.73\/clients\/vlc\/VID_10212014.mp4\"> ' +
' <PARAM NAME=\"windowless\" VALUE=\"true\">' +
' </OBJECT>' +
'</div></div> '
).addClass('StreamPlayer');
this.$elem.append(child);
...
Code: Select all
<object style="left: 0px; top: 0px; [b][u]width: 0px; height: 0px;[/u][/b]" id="player_431_emb" classid="CLSID:9BE31822-FDAD-461B-AD51-BE1D1C159921" [b][u]width="0" [/u][/b]type="application/x-vlc-plugin"[b][u] height="0"[/u][/b]>
<PARAM NAME="AutoLoop" VALUE="0">
<PARAM NAME="AutoPlay" VALUE="-1">
<PARAM NAME="Toolbar" VALUE="-1">
<PARAM NAME="ExtentWidth" VALUE="0">
<PARAM NAME="ExtentHeight" VALUE="0">
<PARAM NAME="MRL" VALUE="http://10.51.51.73/clients/vlc/VID_10212014.mp4">
<PARAM NAME="Visible" VALUE="-1">
<PARAM NAME="Volume" VALUE="50">
<PARAM NAME="StartTime" VALUE="0">
<PARAM NAME="BaseURL" VALUE="http://10.51.51.73/clients/demos/demo4/player/src/player.php?requestName=Stream&http://10.51.51.73/clients/vlc/VID_10212014.mp4">
<PARAM NAME="BackColor" VALUE="0">
<PARAM NAME="FullscreenEnabled" VALUE="-1">
<param name="Src" value="http://10.51.51.73/clients/vlc/VID_10212014.mp4">
<param name="windowless" value="true">
<param name="AutoPlay" value="True">
<param name="Visible" value="true">
</object>
Anywhere wrong?