我在手机上加载HTML5视频时遇到了问题。
问题：
在Android Chrome和iOS Safari上，只显示海报，视频从不加载或播放。然而，它在Chrome中模拟桌面上的iPhone 6时可以正常工作。
代码：
<video id="home-video-mobile" width="414" height="614" loop="loop" autoplay="autoplay" poster="http://www.tastecreative.com/wp-content/uploads/vid_mobile_poster.jpg">
<source src="http://www.tastecreative.com/wp-content/uploads/vid_mobile.mp4" type="video/mp4"/>
<source src="http://www.tastecreative.com/wp-content/uploads/vid_mobile.wemb" type="video/webm"/>
<source src="http://www.tastecreative.com/wp-content/uploads/vid_mobile.ogv" type="video/ogv"/>
Your browser does not support HTML5 video.
</video>
JSFiddle：
http://jsfiddle.net/44gLqqt9/7/
我尝试过的事情：
当我删除autoplay属性并添加controls属性后，视频会在点击播放按钮后按预期加载和播放。对我来说，这不是一个可接受的解决方案，因为视频必须自动播放而无需控制。
这是一个错误还是移动设备上的预期行为？有没有办法迫使移动浏览器尊重autoplay？