嵌入式视频上的透明元素(如div容器)

时间:2013-07-26 18:45:55

标签: video embed opacity transparent wmode

我喜欢在嵌入式视频上放置一个div容器。 像这样:

<style>
#container_above_video {
position: absolute;
top: 0px;
left: 0px;
background-color: red; /*that works*/
/*background-color: rgba(255,0,0,0.5); that doesn't work*/
z-index: 99; /*has an effect at all?*/
</style>

  <div id="eineID" style="top: 0px; left: 91.8889px; width: 1182.22px; height: 665px;">
<embed id="vlcplugin" target="http://localhost:8097/mainmedia.ts?wmode=transparent" version="VideoLAN.VLCPlugin.2" pluginspage="http://www.videolan.org" wmode="transparent" type="application/x-vlc-plugin" style="top: 0px; left: 91.8889px; width: 1182.22px; height: 665px;"></embed></div>

<div id="container_above_video">Some Content</div>

问题是:我需要一个元素,没有背景,透明背景,或背景/ div上的不透明度 - 它不起作用......

为什么?!

请帮助=)

1 个答案:

答案 0 :(得分:1)

有一个解决方案:

在嵌入参数中使用windowless="true"

  

无窗口:(自VLC版本2.0.6起)在无窗口上绘制视频   (非加速)表面并允许样式(CSS叠加,3D   变换,等等)。默认值:false

更多信息:https://wiki.videolan.org/Documentation:WebPlugin/