mediaelement.js — адаптивный медиа-запрос для обслуживания видео, оптимизированных для мобильных и настольных компьютеров.

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

Я видел, что это предлагается здесь и здесь (см. Отправка видео с различным сжатием на портативные устройства), чтобы использовать медиа-запрос. Я обнаружил, что это работает с простым тегом <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 слушать медиа-запрос или есть другой метод?

Спасибо


video html5-video media-queries mediaelement.js
person bostondv    schedule 29.12.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Кажется, что в функции setSrc() в https://github.com/johndyer/mediaelement/blob/master/src/js/me-mediaelements.js

mediaelement.js заменяет исходный тег видео атрибутом src, но не заботится о параметре медиа-запроса.

person Leon    schedule 30.12.2011