根據屏幕尺寸播放音頻

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(); 
    } 
});