Как сделать видео адаптивным?

Question

[Anton]

Дано: сайт на вордпресс, на котором вставлены видео из ютуба.
Делаю адаптивную версию для мобильных (360 и 320px). Контейнеры, в которых размещается видео, напрочь игнорируют мои стили с директивой !important, вдобавок внутри этих контейнеров создается куча тегов с указанной в атрибуте style шириной 560px.
Серверные программисты говорят: "перекрой их как-нибудь".

Вопроc: как заставить браузер использовать мои стили?

Comments

[DenJel]

Опишите поподробней, атрибуты ширины и высоты у фрейма указаны? style впринципе не может перебить important, сброс стилей делали?

[Anton]

DenJel: код одного видео-элемента целиком выглядит вот так: jsfiddle.net/bnryvaw7

Answer 1

[Emperor]

codepen.io/anon/pen/rVQMoy
Вот так можно.
Под свои размеры подгоните :)

Answer 2

[holymotion]

video{
max-width: 100%;
height: auto;
width: auto\9;
/* ie8 */
}