Question

我试图在屏幕至少为1600px时播放音频文件。这是我的HTML

<audio id="audio" autoplay></audio>

和我的jQuery

var width = $(window).width();

function audio() {
    $("#audio").attr("src","zoubisou.mp3");
    $("#audio").attr("type","audio/mp3");
    $("#audio").trigger("play");
}

if (width > 1600) {
    audio();
}

它不会发挥任何作用。我甚至尝试通过它的ID获取音频元素，并将源元素附加到上面列出的属性。也不会工作。

这背后的逻辑是只在桌面浏览器上播放声音，而不是平板电脑/移动设备。

Answer 1

以下是基于窗口宽度的代码播放声音。jsfiddle playing sound

function audio() {
    $("#audio").attr("src","http://www.sousound.com/music/healing/healing_01.mp3"); 
    $("#audio").trigger("play");
}
$(document).ready(function(){ 
    var width = $(window).width();
    $("#widthwin").html("window width is " + width);
    if (width > 500) {
        audio();
    }
});

根据屏幕尺寸播放音频

1 个答案: