[vlc-devel] AXVLC innerHTML Substitution issue

Wed Feb 24 00:24:33 CET 2010

Came across a issue using the Cajon Browser (ieeeeee by M$)

What we are seeing is when the innerHTML of a <DIV> or <P> is replaced with axvlc object, the Style WIDTH and HEIGHT, as well as the OBJECTS WITH and HEIGHT are set to zero. Also OBJECT Seems to be disabled:

document.write(VLCObject ); Will work on both (Firefox and ieeeee) no problem here.

But the problem occurs when document.getElementById("video").innerHTML= VLCObject ; is issued replacing the DIV place holder.

We have tried other objects (ie Axis Media Control) with no issue. So it appears to be just AXVLC. We have tested this on 1.0.5(IE 8, IE7), 1.0.3 (IE8, IE7), with security settings set to allow even grandma the ability to break in.

Is there something we are missing on this end? HTML/Java Code Below, results follow.

BTW: We also tried to replace the place holer by using .outerHTML, so it would be kinda like just doing a document.write. The same problem still exists.

And we tried both: clsid for .1 & .2
        E23FE9C6-778E-49D4-B537-38FCDE4887D8
        9BE31822-FDAD-461B-AD51-BE1D1C159921

The basic code is:

<html>
<body>
<div id="video" width="320" height="240">This where  vlc object lands </div>
<script type="text/javascript">

function vlcobject(name) {

//      var VLC = '<OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" style="WIDTH: 320px; HEIGHT: 240px; TOP: 0px; LEFT: 0px" ';

        var VLC = '<OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" ';
        VLC = VLC + 'codebase="http://downloads.videolan.org/pub/videolan/contrib/win32/axvlc.cab" ';
        VLC = VLC + 'width="320" ';
        VLC = VLC + 'height="240" ';

        VLC = VLC + 'id="' + name + '" ';

        VLC = VLC + 'events="True" > ';
        VLC = VLC + '<param name="Src" value="rtsp://uid:upw@ip/stream"> ';
        VLC = VLC + '<param name="ShowDisplay" value="True"> ';
        VLC = VLC + '<param name="AutoLoop" value="True"> ';
        VLC = VLC + '<param name="AutoPlay" value="True"> ';
        VLC = VLC + '<PARAM NAME="Toolbar" VALUE="True"> ';
        VLC = VLC + '<EMBED pluginspage="http://www.videolan.org" ';
        VLC = VLC + '   type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2" ';
        VLC = VLC + '   width="320" ';
        VLC = VLC + '   height="240" ';
        VLC = VLC + '   autoplay="yes" ';
        VLC = VLC + '   loop="yes"';
        VLC = VLC + '   target="" ';
        VLC = VLC + '   name="' + name + '" ';
        VLC = VLC + '   id="' + name + '"> ';
        VLC = VLC + ' </EMBED>';
        VLC = VLC + ' </OBJECT>';
        return VLC;
        }

var VLCObject = vlcobject("tester1");
document.getElementById("video").innerHTML= VLCObject ;
//document.write(VLCObject );

alert(VLCObject + "\n\n" + document.getElementById("video").innerHTML
</script>
</body>
</html>

This is what it looks like when ieeeee is done with it

        <OBJECT
                style="WIDTH: 0px; HEIGHT: 0px; TOP: 0px; LEFT: 0px"
                id=tester1
                classid=clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8
                width=0
                height=0
                events="True">
                <PARAM NAME="AutoLoop" VALUE="-1">
                <PARAM NAME="AutoPlay" VALUE="-1">
                <PARAM NAME="Toolbar" VALUE="-1">
                <PARAM NAME="ExtentWidth" VALUE="0">
                <PARAM NAME="ExtentHeight" VALUE="0">
                <PARAM NAME="MRL" VALUE="rtsp://id:pw@ip">
                <PARAM NAME="Visible" VALUE="-1">
                <PARAM NAME="Volume" VALUE="50">
                <PARAM NAME="StartTime" VALUE="0">
                <PARAM NAME="BaseURL" VALUE="file:///C:/TEST.HTML">
                <PARAM NAME="BackColor" VALUE="0">
                <EMBED
                        pluginspage="http://www.videolan.org"
                        type="application/x-vlc-plugin"
                        progid="VideoLAN.VLCPlugin.2"
                        width="320"
                        height="240"
                        autoplay="no"
                        loop="yes"
                        target="rtsp://rtsp://id:pw@ip"
                        name="tester1"
                        id="tester1">
                        </EMBED>
                </OBJECT>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman.videolan.org/pipermail/vlc-devel/attachments/20100223/5f51ef9f/attachment.html>