Jquery移动视频自动播放

Question

我的视频在我的网站上显示为autoplay标记。

<video autoplay class="header-image" preload>
        <source src="<?php print $theme_dir; ?>/img/mobile-banner.mp4" type="video/mp4">
        <img class="img-responsive mobile" src="<?php print $theme_dir; ?>/img/main-banner-1-mobile.jpg"/>
</video>

我使用JQuery让它从视频的某一点重复到最后。我希望此视频默认在移动网站上自动播放，方式如下。

(function ($) {
    $(document).ready(function () {
        var Vid = $('#front-page .mobile video.header-image');
        Vid.on('ended', function(){
            var thisVideo = Vid[0];
            thisVideo.currentTime = 7.9;
            thisVideo.play();
        });
    });
}(jQuery));

但是，手机不会显示此视频。是否可以自动播放视频，如果可以，我如何编写脚本来强制使用此机制？

如果它失败了，我可以用什么方法回退到要显示的图像中？