如何使用Laravel将视频背景添加为横幅？

Question

我正在尝试使用Laravel将背景视频添加为横幅，我尝试了许多选项，这是我已经尝试过的方法：

<header class="header">

<div class="banner">

<video autoplay muted loop>



<source src="img/banner.mp4" type="video/mp4">

</video>

</div>

<div class="top-nav container">





<div class="logo">My website</div>



<ul>



<li>


[<a href="#">Shop</a>][1]

[<a href="#">About Us</a>][1]

[<a href="#">Contact</a>][1]

[<a href="#">Blog</a>][1]

</li>

</ul>

</div>

那就是我尝试过的方法，但是后来我不知道如何使它的宽度适合我的网站，因为它显示的很大，而我无法使用scss缩小它

Answer 1

我取决于您要在网站中放置哪种背景。如果您要使用静态图片，则无需担心Laravel，可以通过简单的HTML和CSS来实现。如果您正在谈论动态图像，则需要从数据库中获取它。

对于简单的静态图像，您可以在CSS代码中执行以下操作：

background-image：url（'img / my_image.jpeg'）;