jquery - Bigvideo.js。移动设备有不同的背景视频吗？

Question

我对这一切都很陌生!我正在使用bigvideo.js jQuery插件在主页背景中播放视频。很好。唯一的问题是，由于自动播放，它无法在移动设备上运行(我想)。
因此，现在我想出了为什么不给移动设备访问者YouTube播放器单击以开始播放视频的原因。
这是我不工作的代码:

<script>
        $(function() {
            var BV,
            videoPlayer,
            isTouch = Modernizr.touch;
            BV = new $.BigVideo({useFlashForFirefox:false, forceAutoplay:isTouch});
            BV.init();
            if (!isTouch) {
                BV.show('video.mp4', {altSource:'video.ogv'});
            }else{
                <iframe width="560" height="315" src="//www.youtube.com/video.mp4" frameborder="0"></iframe>
            }
        });
</script>    

我也很高兴有其他任何想法可以解决这个问题!
非常感谢你的帮助!

Answer 1

您正在将HTML与Javascript混合在一起。您的脚本中的iframe标记不是JavaScript，因此应该引发语法错误。

我认为您可以通过将iframe放在页面上，但是给它一个ID并隐藏它来完成...

<iframe id="mobileVideo" style="display:none;" width="560" height="315" src="//www.youtube.com/video.mp4" frameborder="0"></iframe>

...在条件语句的其他部分，只需通过jQuery进行显示即可:

if (!isTouch) {
    BV.show('video.mp4', {altSource:'video.ogv'});
} else {
    $('#mobileVideo').show();
}