在HTML 5视频顶部覆盖一个DIV [英] Overlaying a DIV On Top Of HTML 5 Video

问题描述

我需要覆盖包含HTML 5视频的div的div ON TOP。在下面的示例中，重叠div的ID为video_overlays。请参阅以下示例：

I need to overlay a div ON TOP of a div containing an HTML 5 video. In the example below the overlaying div's id is "video_overlays". See example below:

<div id="video_box">
  <div id="video_overlays"></div>
  <div>
    <video id="player" src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm" onclick="this.play();">Your browser does not support this streaming content.</video>
  </div>
</div>

推荐答案

在这里，我希望这有助于

There you go , i hope this helps

http： /jsfiddle.net/kNMnr/

这里是CSS

#video_box{
    float:left;
}
#video_overlays {
position:absolute;
float:left;
    width:640px;
    min-height:370px;
    background-color:#000;
    z-index:300000;
}

这篇关于在HTML 5视频顶部覆盖一个DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！