[vlc-devel] VLC ActiveX plugin, window mode

Arno Bor | Resulture arno.bor at resulture.nl
Fri Jul 15 14:22:08 CEST 2011

Thank you Paul for your help.
I am one step closer towards the end goal, sadly the suggested solution did not work out as expected on windows 7.

My new situation:

It appears that there is a work around by placing your overlay content above an iframe, and place that iframe above the VLC video object, like this:

---- Overlay div with content 	(i.e. z-index 30)
---- I-frame				(i.e. z-index 20)
---- VLC Video object 			(i.e. z-index 10)
(Thank you Paul for pointing that out!)

However in internet explorer 8 on Windows 7 an iframe has a white background color so i was able to see my overlay (at last!) and hear VLC play but could not see through the iframe.
To make it transparent i had to add allowtransparency=true to my i-frame tag, and load the i-frame with a html file with a transparent body.
The result made me able to see my VLC video object, but my overlay content is once again hidden underneath VLC, despite the stackflow as explained above.

Does anyone have a work-around for this that works on Internet Explorer, run under Windows 7?

Kind regards,
Arno Bor
Technical Project Manager
Resulture BV
creating next generation organizations

-----Oorspronkelijk bericht-----
Van: vlc-devel-bounces at videolan.org [mailto:vlc-devel-bounces at videolan.org] Namens Paul Corke
Verzonden: dinsdag 12 juli 2011 11:49
Aan: Mailing list for VLC media player developers
Onderwerp: Re: [vlc-devel] VLC ActiveX plugin, window mode

On 12 July 2011 09:53, Arno Bor | Resulture wrote:

> For our implementation of VLC it is vital that we are able to overlay
> divs on a VLC video object. 

Do you mean something like this:

<style type="text/css">
  body { background-color:#0000001; color:#fff; margin:0; padding:0; }
  .videopos { position:absolute; top:0px; left:0px; width:720px;
height:576px; }
  #overlayblock { position:absolute; top:100px; left:100px; width:400px;
height:80px; background-color:#00c; color:#fff; }

<div class="videopos">
        <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
                width="720" height="576" id="vlc" events="True" >
                <param name="Src" value="http://my.video.url/" />
                <param name="ShowDisplay" value="True" />
                <param name="AutoLoop" value="True" />
                <param name="AutoPlay" value="True" />
                <param name="Volume" value="0">

<iframe class="videopos" frameborder="0" background="#000001"

<div class="videopos" style="background-color:#000001;">
	<div id="overlayblock">Hello, overlay world!</div>


It may only work with IE/Win; that's all I tried.  Sorry it's
not very pretty!


vlc-devel mailing list
To unsubscribe or modify your subscription options:

More information about the vlc-devel mailing list