Question

html如何让DIV遮盖视频？

绝对定位不行 设了z-index也没用

Answer 1

html

<div class="camera-box">

            <img class="camera-bg" src="../../assets/camera_bg.png" alt="">

            <video id="cameraVideo" autoplay></video>

          </div>

css

.camera-box {

      width: 324px;

      height: 471px;

      overflow: hidden;

      position: relative;

      z-index: 2;

      .camera-bg {

        width: 324px;

        height: 471px;

        position: relative;

        z-index: 1;

      }

      #cameraVideo {

        position: absolute;

        left: 50%;

        top: 0;

        height: 471px;

        transform: translateX(-50%);

      }

    }

不知道楼主想要的是不是这个效果

Answer 2

设置视频的透明度，在设置z-index的值
<object>...</object>标签内部加入一个参数“<param name="wmode" value="transparent">”

Answer 3

将视频放在一个div里面然后display:none;
再用js控制其是否显示

追问

。。我只想遮盖一部份 不是让视频全消失 全显示

追答

有没有具体代码？

追问

不需要代码。。 能实现就行

追答

avi格式的视频，html5么？

Answer 4

是flv的视频么？播放器是flash的？

追问

avi格式的