问题
我正在创建一个包含嵌入视频的网站。我正在努力确保移动浏览的兼容性。我正在使用以下标签：
<video width="100%" height="auto" controls id="video_player" preload="none" poster="poster.jpg" autoplay>
<source src="video.mp4" />
<source src="video.webm" type="video/webm; codecs=vp8,vorbis" />
<source src="video.ogv" type="video/ogg; codecs=theora,vorbis" />
</video>
视频在iOS 8.4及更高版本的桌面浏览器和iPhone / iPad设备中播放，但不是 iOS 7.1。该视频还可在Android平板电脑操作系统版本4.4.2 Chrome版本38.0.2125.114上播放。但是，嵌入的视频将不在Android手机操作系统版本5.0.2 Chrome版本43.0.2357.93上播放。
在iOS 7.1上有一个错误图标。在Android上，长度始终为0:00，一旦尝试播放视频，它就会变为透明。
我尝试使用Javasript在点击按钮时手动调用video.play（），但在Android 5.0.2手机上没有运气。
有问题的mp4视频使用Handbrake进行编码并设置：
h.264简介：基线
h.264等级：3.0
音频：AAC
网络优化
任何帮助都将不胜感激。