HTML5视频自动播放无法正常工作

Question

<video class="video-loop" loop preload autoplay muted>
    <source src="/assets/video.mp4" type="video/mp4">
    <source src="/assets/video.webm" type="video/webm">

    <img src="/assets/image.jpg" title="Your browser does not support the <video> tag">
</video>

为什么这不会在Mac上的Firefox，Chrome或Safari以及PC上的Chrome中自动播放？我完全难过了。我已尝试autoplay="autoplay"，autoplay="true"和：

<script>
    document.getElementByClassName('video-loop').play();
</script>

没有效果。奇怪的是，它可以在PC上的Firefox中运行。