Html 视频在移动设备中不起作用

我正在使用canvas视频和MediaElement.js库在这个网站上工作。它在桌面浏览器中运行良好，但在移动设备中不显示任何内容（android chrome 56）

奇怪的是，当我删除mp4和ogg源代码时，只使用“webm”，起初它仍然不显示任何内容，但当我将设备倒置时，它可以工作？（可能需要调整屏幕大小以触发它？）视频显示。所以我想问：

1/如果我必须使用“webm”，我是否可以告诉我的网站，在平板电脑和手机中仅使用“webm”类型，而不删除mp4和ogg源

2/你知道怎么修吗

我尝试添加静音属性并使用绝对URL，但仍然不起作用

<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) {
        }
    });

$（视频）.bind（“loadedmetadata”，函数（）{
video.play（）；
});
$（视频）.mediaelementplayer({
成功：函数（mediaElement、原始节点）{
}
});

---

非常感谢。

你显然需要一部新手机……：）你能分享视频链接吗？如果你能，这会让你更容易得到帮助吗？