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>

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

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

Answer 2

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

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

2 个答案: