在HTML 5视频上叠加DIV

一尘不染

在HTML 5视频上叠加DIV

css

我需要在包含HTML 5视频的div的div顶部放置一个叠加层。在下面的示例中，重叠div的ID为“ video_overlays”。请参见下面的示例：

<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>

阅读 1090

2020-05-16

共1个答案

一尘不染

随你去，我希望这会有所帮助

这也是CSS

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

2020-05-16