Как настроить встраиваемый ролик с Ютуб на адаптивной верстке?

Question

[Айрат Кадырмаев]

Встраиваю ролик с ютуба в статью, но надо указать ширину и длину. Но в смартфоне этот плеер выходит за границы! как сделать?

Вот пример кода -

Comments

[Ankhena]

Делаете блок обертку с нужными пропорциями, например, через хак с паддингом https://jsfiddle.net/Ankhena/cLhxv7eq/
Внутрь, абсолютом, складываете iframeи задаете ему в стилях высоту и ширину 100%

[Айрат Кадырмаев]

Ankhena, это к каждому ролику нужно так делать или можно в шаблон сайта залезть там сделать, чтобы потом при встраивании, каждый ролик именно так показывался?

[Ankhena]

Айрат Кадырмаев, да кто же знает, что может ваша админка или ваш программист. Можете без обертки, хоть на js задавать размеры.

[Айрат Кадырмаев]

Ankhena, Да на фрилансе нашел человека, он в CSS условие прописал и все, задал высоту и ширину

[Lord_Dantes]

Айрат Кадырмаев, можно в мобилке сделать iframe { width: 100%; } чтобы не "вылазил" за ширину экрана.