Question

我有一个简单的问题。我正在我的网站上工作，我在背景页面上放置了一个完美的视频，这里是代码：

<a id="P2" class="player" data-property="{videoURL:'http://www.youtube.com/watch?v=something',containment:'#home',autoPlay:true, mute:false, startAt:43, loop:true, opacity:1}"></a>

但对于移动用户，从平板电脑到智能手机，我想加载背景中的滑块，我有。那么，为该任务设置Javascript条件的唯一和更简洁的方法是什么？

Answer 1

试试这个：

 $(document).ready(function() {

    $(window).on('load resize',function(){
        if($(window).width() < 768){
            //add slideshow function here
        } else {
        //video function here
        }
    });
    });

这将触发屏幕宽度（以及加载或用户重新调整大小）。如果要在设备类型上触发，可以将if语句替换为设备ID。这里有关于如何检测设备的答案。

视频背景切换到手机上的照片

1 个答案: