Html 如何添加视频并在其上书写？

如何将视频添加到站点并在其上写入文字

甚至我添加的视频也没有显示在网站上

html:

<div class="p-video ">
    <video poster="image/poster.jpg" class="video " src="image/something.mp4"></video>  
    <div class="m-video">
        <div class="float-right  about">
            <image alt="logo" src="logo.png" class="image-fluid  ">
            <p class="text-justify">
                    something
            </p>
        </div>
    </div>
</div>

---

它只是显示我的海报和m-video在p-video下面。我想要，快点

对于html和css，您应该这样编写

.p-video{
位置：相对位置；
排名：0；
身高：100%；
宽度：100%；
背景色：浅绿色；
}
.视频{
位置：相对位置；
显示：块；
宽度：100%；
身高：100%；
对象匹配：覆盖；
}
.关于{
调整内容：灵活启动；
背景：rgba（0,0,0,0.87）；
}
m-video{
位置：绝对位置；
排名：0；
左：0；
}

某物

我不知道为什么我的代码不起作用，但我用另一种方法解决了它

我使用以下css添加库

jquery.vidbacking

：

.clearfix { display:block; clear:both; float:none; }
.videokeeper { display:block; margin:0; padding:0; } 
.video-back { display:block; padding:200px 0px 0px 0px; text-align:center; }
.video-back h1 { display:block; text-align:center; color:#fff; text-shadow:2px 2px 4px #000;font-size:50px; }
.video-back p  { display:block; color:#fff; text-shadow:2px 2px 1px #000; margin:0px; padding:0px; margin-bottom:20px; }
.video-back img { width:150px; }

这个html：

<div class="videokeeper">
    <video poster="assets/poster.jpg" autoplay muted loop class="vidbacking">

        <source src="assets/varagh.mp4" type="video/mp4">
    </video>
    <div class="video-back">
        <p>something</p>
    </div>
</div>

某物

这是：

<script type="text/javascript">
    $(function(){
        $('body').vidbacking({
            'masked': false
        });
    });
</script>

$（函数（）{
$（'body'）.vidbacking({
“蒙面”：假
});
});

<script type="text/javascript">
    $(function(){
        $('body').vidbacking({
            'masked': false
        });
    });
</script>