Я встраиваю видео с YouTube через API iFrame. Само видео имеет квадратную форму, а его ширина и высота зависят от размера контейнера (тоже квадратного, с плавными размерами) — для этого я использую CSS.
Все работает более-менее нормально, но в начале и в конце видео (до запуска и после остановки) контент отображается с уменьшенной шириной, обнажая черные боковые полосы:
Любая идея, почему это происходит или что с этим делать? Кто-нибудь заставлял видео неправильной формы работать в контексте адаптивного макета?
Обновить
Кажется, что установка ширины и высоты на 101% помогает. Однако пока не уверен, насколько последовательно.