Hi,
In HTML5 we are using vlc web plugin in Internet Explorer to display the live streaming video. We are creating the object tag for vlc plugin at run time using java-script as a string and assign to the tag. It is working fine with html4 but DOES NOT WORK for HTML5. The issue comes up after putting html5 tag .
Kindly refer below code for this.
<html><head><styletype="text/css">#containerDiv1 {width:640px;height:480px;position: relative;}#Plugin1 {width:100%;height:100%;position: absolute;top:0;left:0;}#navigation1 {width:100%;height:100%;position: absolute;top:0;left:0;}#navigation1 {z-index:1000;}#Plugin1 {z-index:0;}
body {font-size:11.2px!important;}</style></head><bodyonload="InsertVLC();><tdwidth="640"height="480"><divid="pluginOptions1"></div><divid="containerDiv1"><divid="navigation1"style="background-color:transparent"><canvasid='drawingCanvas1'width='640'height='480'></canvas></div><divid="Plugin1"style="width:640px;height:480px;"></div></div></td></body><script>functionInsertVLC(){
$("#Plugin1").html(InsertPlugin(strURL));}functionInsertPlugin(streamURL){var strVLC ="";
strVLC ="<object id=playerId classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' toolbar='false' controls='false' width='640px' height='480px' events='True'>";
strVLC +="<param name='AutoPlay' value='true' />";
strVLC +="<param name='ShowDisplay' value='true' />";
strVLC +="<param name='Controls' value='false' />";
strVLC +="<param name='Toolbar' value='false' />";
strVLC +="<param name='Src' value='"+ streamURL +"' />";//strVLC += "<PARAM NAME='BaseURL' VALUE='file:///C:/TEST.HTML'>";
strVLC +="<embed type='application/x-vlc-plugin' progid='VideoLAN.VLCPlugin.2' name='video1' id='video1' autoplay='yes' controls='false' loop='yes' width='640px' height='480px' target='"+ streamURL +"' pluginspage='http://www.videolan.org' />";
strVLC +="</object>";return strVLC;}</script></html>Kindly suggest some solution ASAP
Regards,
Ayaz Shaikh