Как добавить видео фон в качестве баннера с помощью 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-коде:

Фоновое изображение: URL ( 'IMG / my_image.jpeg');