视频不适用于移动设备

Question

我正在使用带有MediaElement.js库的画布视频在此网站上工作。它在桌面浏览器中工作正常但在移动设备中没有显示任何内容（android chrome 56）。

奇怪的是，当我删除mp4和ogg源时，只使用'webm'，起初它仍然没有显示任何内容，但是当我将我的设备颠倒时它有效吗？（可能需要调整屏幕大小才能触发它？）视频显示。所以我想问：

1 / Incase我必须使用'webm'，无论如何我可以告诉我的网站在平板电脑和平板电脑上只使用'webm'类型移动而不删除mp4＆amp; ogg来源？

2 /你知道怎么解决它吗？

我尝试添加静音attr并使用绝对网址但仍无法正常工作。

<video id="myVideo" loop="loop" controls="controls" width="300" height="150" muted>
    <source src="/wp-content/uploads/videos/video.mp4" type="video/mp4" />
    <source src="/wp-content/uploads/videos/video.webm" type="video/webm" />
    <source src="/wp-content/uploads/videos/video.ogv" type="video/ogg" />
</video>


    $(video).bind("loadedmetadata", function () {
        video.play();
    });

    $(video).mediaelementplayer({
        success: function (mediaElement, originalNode) {
        }
    });

非常感谢。