大视频.js。移动设备的不同背景视频？答案

【问题标题】：Bigvideo.js. Differnent background video for mobile devices?大视频.js。移动设备的不同背景视频？
【发布时间】：2014-03-27 07:15:49
【问题描述】：

我对这一切都很陌生！我正在使用 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>

我也很高兴有任何其他想法来解决这个问题！
非常感谢您的帮助！

【问题讨论】：

如果我的回答正确，请标记为正确。谢谢。

标签： jquery background youtube

【解决方案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>

...在条件语句的 else 部分，只需通过 jQuery 显示即可：

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

【讨论】：

【解决方案2】：

不知道你是否还在寻找答案，但如果你删除“forceautoplay:isTouch”，它应该可以工作

【讨论】：