Я хочу обслуживать два файла.Низкое разрешение для мобильных устройств и высокое разрешение для настольных компьютеров и планшетов.
Я видел, что было предложено здесь и здесь (см. Отправка видео с разным сжатием на портативные устройства).Устройства) использовать медиа-запрос.Я обнаружил, что это работает с простым тегом <video>
, но не с mediaelement.js
<video width="960" height="540" controls="controls" preload="none">
<source type="video/mp4" src="mobile.mp4" media="all and (max-width:600px)">
<source type="video/mp4" src="desktop.mp4">
</video>
<script>jQuery('video').mediaelementplayer();</script>
(примечание: код упрощен для ясности)
Как я могу получить mediaelement.js дляпрослушать медиа-запрос или есть другой метод?
Спасибо