Задать вопрос
@uroot
html

Как вставить видео через iframe без полос?

Видео вставлено через iframe из vimeo, которое обернутое в div, а div-у указан цвет бэкграунда. Мне при клике не на видео необходимо скрыть этот div вместе с видео.

Но когда я меняю размер окна, видео уменьшается, создавая черные полосы в iframe-е . Как сделать так, чтобы этих черных полос не было, чтобы я мог повесить обработчик на div?
Скрин
26466543.png

Песочница: https://jsfiddle.net/b4zctgpL/
  • Вопрос задан
  • 2881 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Вот так нужно вам? Хак соотношения сторон. У вас тупо соотношение сторон не соблюдается, оттуда и полосы сверху (пустое пространство). Решение на CSS только такое есть.



Встраивается в разметку это дело довольно просто:


Можно что-то типа такого сделать, если заняться нечем, главное -- не управлять высотой родительского блока iframe'а, у которого этот хак используется :))
Ответ написан
Комментировать
Комментировать
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Это не отступы "внутри iframe" =))
Это те же самые полоски, что бывают и на телеке при несовпадении формата экрана телевизора и формата кадра транслируемого видео.

Соответственно, если вы знаете формат кадра, то можно сделать так:

Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
mrsexy
@mrsexy
Senior Pomidor
1) Зачем для видео вы используете <iframe>, если есть <video> ?
2) Не вижу никаких чёрных полос, кроме белых бордюров. У вас весь сайт чёрный)
3) Дайте ссылку на сайт что ли, для более детального изучения вашего вопроса.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Редактирование цен - Ozon, AliExpress, Yandex Market
18 апр. 2024, в 11:47
30000 руб./за проект
Модификация приложения на android
18 апр. 2024, в 11:46
5000 руб./за проект
Оптимизация Я Директ
18 апр. 2024, в 11:43
10000 руб./за проект
Ещё заказы