Получение масштабируемого HTML5-видео для адаптивного дизайна с помощью mediaelement.js

Question

В настоящее время я использую плагин mediaelement.js для Wordpress, и он, кажется, отлично работает.

В моих попытках создать свой первый адаптивный дизайн / тему CSS с использованием атрибута @media я заметил,что видео на основе mediaelement.js не масштабируется или не реагирует на размер экрана.

Несмотря на то, что я установил CSS, похоже, что mediaelement.js активно помещает свои собственные встроенные таблицы стилей CSS.

Имея это в виду, можно ли использовать mediaelement.js и масштабировать видео в соответствии с отзывчивостью.

Спасибо

Answer 1

Я тоже использую mediaelementjs.Похоже, он отлично масштабируется для меня в адаптивных проектах.

Я следовал нескольким советам от Джона Дайера, разработчика MEjs в github.

Там он указывает, что вам нужно включить встроенный стиль в ваш тег видео

<video style="width:100%;height:100%;">

Он делает несколько других указателей, поэтому я бы посоветовал проверить страницу github на https://github.com/johndyer/mediaelement

Answer 2

object, embed, video, iframe {
max-width:100%;

}