Как настроить размер видео из Вконтакте?

Question

[rinatoptimus]

Опубликовал на сайте iframe из ВК. По умолчанию у него
width="853",
height="480"

Прописал
width="100%",
height="auto"
В итоге видео очень маленькое, а ставшуюся ширину страницы слева и справа от видео занимает черный фон.
Нужно, чтобы видео изначально было 853px в ширину и было адаптивным.

Также пробовал поместить его в блок с max-width=853px.

Здесь не нашел https://dev.vk.com/ru/widgets/video

Answer 1

[alexalexes]

У меня всегда под рукой вот такая обертка лежит для ВК.

<div style="position:relative; width:100%;">
      <img src="ground1280x720.png" style="width: 100%;"/>
      <iframe width="100%" height="100%" src="https://vk.com/video_ext.php?oid=КОД-ГРУППЫ&id=КОД-ВИДЕО&hd=2" frameborder="0" allowfullscreen="" allow="encrypted-media; fullscreen; picture-in-picture" style="position: absolute; top: 0; left: 0;"></iframe>
    </div>

ground1280x720.png - любой фон, чтобы выдерживать пропорции блока в разрешении 720p при произвольном масштабировании блока (можно другой рисунок поставить для другого разрешения видео).
Все inline-style проверены временем, работают даже на Ie7.

Comments

[rinatoptimus]

Спасибо большое!