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

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

1 / Incase我必须使用'webm'，无论如何我可以告诉我的网站在平板电脑和手机中只使用'webm'类型而不删除mp4和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) {
        }
    });

非常感谢你 .

html5 video