Question

Господа, со светлой пасхой, всех

Вчера столкнулась с одной проблемой( на странице с видео(
При клике мышке на видео - оно воспоизводится в том же размере, что и встроено на сайте( то есть, 230 на 130.

а мне нужно, чтобы разворачивалось как на примере скрина из контакта.

То есть, при клике на видео нужно чтобы оно разворачивалось и воспроизводилось в стандартном размере.

 

Вот код видео:

<iframe width="230" height="130" src="Ссылка на видео" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Что нужно добавить в этот код?

Answer 1

Пропишите в стили такую строку:

iframe {max-width:100%!important;}

Для видео задавайте сразу же нормальные размеры, а не 230 и 130 и будет нормально отображаться.

Comments

А если я не хотела бы менять размер видео расположенного на сайте, но хочу чтобы оно разворачивалось при кли клике, то что нужно сделать?  И куда вставлять iframe {max-width:100%!important;} ?

---

Елизавета Фадеева,

Вы заранее сами для видео прописали небольшие размеры, оно и будет открываться небольшим. Хотите или не хотите, это не решит проблему. Вам в любом случае придется их редактировать и менять размеры. Строку которую я указал, прописать в стили в самый низ после всех стилей новой строкой.