对背景而不是视频div提供半透明效果

Question

我在video内使用div标记。现在我想让剩下的区域变成半透明或透明的。已有背景图片，所以我也不能使用透明的png。

<div id="WelcomeVideo12"  style="width:100%; margin-left: px;" >
    <video id="frist_video" style="width:97% !important; height:100%;margin-top:-100%;"  autoplay='true' loop='true'>
        <source src="<?php echo $base_url ; ?>upload_media/Welcome.mp4" type="video/mp4">
        <source src="mov_bbb.ogg" type="video/ogg">
        Your browser does not support HTML5 video.
    </video>
</div>

请帮帮我。

Answer 1

您可以在背景图片上使用 filter：blur（5px）; ，其z-index小于前景。