html5视频标签无法在移动设备上播放视频

Question

html5视频标签没有播放mp4视频。下面是我们使用的html代码。

在iphone上，视频会显示一个用户无法点击的播放按钮。在Android设备上，视频显示为blakc横幅。

我尝试添加js来播放视频，但视频仍无法播放。

        startVideo: function() {
        var videoSources = $('video source');
        for (var i = 0; i < videoSources.length; i++) {
            var videoSource = videoSources[i];
            document.addEventListener('touchstart', function() {
                videoSource.play();
            }, false);
        }
    }

当我直接点击.mp4网址时，我可以播放视频。

是否有人遇到此问题，并就如何解决此问题提出任何建议？