Как добавить видео-фон в качестве баннера на мой сайт в Laravel?

Question

Все, что я пытаюсь сделать, - это иметь фоновое изображение в виде баннера, а поверх видео иметь свой логотип и панель навигации (но прозрачную).

Я пробовал много кода,но в какой-то момент меня блокируют в файлах scss.Мое видео отображается слишком большим по ширине, и из-за этого у меня появляется полоса прокрутки внизу страницы.Мне нужно, чтобы ширина была 1200px, но в итоге она просто не работает.

Я использую scss и я новичок.Если у вас есть какие-то решения, пожалуйста, дайте мне знать.Нужно ли мне компилировать sass / scss в проекте Laravel?Потому что я установил файлы узлов для sass в проекте Laravel и все должно иметь sass для работы.

Мой HTML-код:

<div class="banner"> <video autoplay muted loop> <source src="img/banner.mp4" type="video/mp4"> </video> </div>

Пожалуйста, ядействительно мог бы здесь помочь.

Спасибо!

Answer 1

Из вашего вопроса я понимаю, что вы не получаете файл .scss в laravel.Дело в том, что SASS не понятен браузерам напрямую.Вам нужно скомпилировать его, чтобы браузеры могли его показать.Вам нужно будет заставить файл .css работать.

Ваше краткосрочное исправление - использование конвертера sass в css.Вы можете найти много услуг в Интернете.Затем вы можете напрямую использовать файлы css.

Однако, если вы часто используете SASS или любой другой подобный язык стилей препроцессора, вам следует настроить среду разработки laravel.Для этого вы можете выполнить следующие шаги.

Прежде всего, возьмите все файлы Sass в вашей папке.Предпочтительно /resources/assets/sass.Затем скомпилируйте его, используя gulp.Также вы можете использовать смесь Laravel.После этого попробуйте запустить npm run watch.Если вы еще не установили npm, вам нужно будет установить его.

Следует скомпилировать SASS.Вы должны получить файл CSS в вашей папке /public.Скорее всего, /public/css папка.

Пожалуйста, проверьте laravel mix для получения дополнительной информации о смеси laravel.