Embedded VLC object not respecting z-index

[dennislee]

I am using Bootstrap to build my website but the embedded VLC player stays on top of other elements when it's not supposed to e.g. when a modal is active. See the following picture:



I have tried:

• wmode=transparent/opaque (doesn't work at all);

• Manually setting the z-index value (doesn't really fix the problem)

I am currently developing and testing using Firefox on Ubuntu. How do I fix this issue?

[RSATom]

try use windowless mode

[dennislee]

try use windowless mode i.e. <embed ... windowless="true" />

Thanks, that solved the problem.

Edit: Controls and fullscreen appears to be disabled now...

[RSATom]

But now you got another problem - performance will be noticeably lower