Задать вопрос
@denisbookreev
фронтенд

Как сделать видео YouTube во весь экран на сайте?

Подключил YouTube видосик через API
Превью выглядит так:
2fd4794ef08348a69b28c583c9acd573.png

Но когда запускаю видео, то появляются по бокам и сверху и снизу черные поля:
2fcbce38402845e08543879f6da5c103.png

Почему не отображается так же, как превью? И что сделать, чтоб отображалось все адекватно?
  • Вопрос задан
  • 1064 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
1. Зависит от того как видео сделано, на youtube поля есть?
2. Есть еще такое понятие как соотношения сторон и формат пикселя (provegas.ru/forum/showthread.php?t=773)

Так что на разных экранах видео без искажения на весь экран не растянуть. Если не делать отрицательные маргины. Так что надо растягивать с помощью js вычисляя отрицательные отступы сверху или с низу.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Creative Frontend Developer (Креативный Фронтенд Разработчик)
CHIPSA • Красноярск
от 100 000 до 200 000 ₽
Техлид фронтенд-разработки (React и Vue)
Студия 15
от 200 000 до 250 000 ₽
Fullstack разработчик (JavaScript, PHP, SQL), веб программист.
CleanTalk
от 1 800 $
Ещё вакансии
Заказы с Хабр Фриланса
Выполнить тестовое задание с Bootstrap, HTML5, CSS3 и JavaScript
30 нояб. 2024, в 01:14
1000 руб./за проект
Деплой, разработка и поддержка Fullstack NextJS + React
29 нояб. 2024, в 23:26
2500 руб./в час
Провести CFD тестирование для оптимальной 3D
29 нояб. 2024, в 22:32
80000 руб./за проект
Ещё заказы