Video mediaelement.js响应式媒体查询，为移动和桌面优化视频提供服务

我想要两份文件。低分辨率适用于移动设备，高分辨率适用于台式机和平板电脑

我已经看到建议和（请参阅：向手持设备发送不同压缩的视频）使用媒体查询。我发现它可以与普通的

标记一起使用，但不能与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>

jQuery（'video'）.mediaelementplayer（）；

（注：为清晰起见，代码简化）

如何让mediaelement.js收听媒体查询，或者是否有其他方法

---

谢谢

在函数setSrc（）中

js将视频的源标记替换为src属性，但不考虑媒体查询选项