Question

我正在尝试使用JQuery或Javascript播放mp3文件，但它在Mac OS X上的Safari中不起作用。尝试以下选项：

HTML

<audio id="my_audio" src="<?php echo get_template_directory_uri();?>/scripts/sound/sound.mp3"></audio>

的Javascript / JQuery的：

$(document).ready(function() {
    $("#my_audio").get(0).play();
});

$(document).ready(function() {
    $("#my_audio").prop('play');
});

var x = document.getElementById("my_audio"); 
x.play();

Answer 1

从this Apple支持问题，您似乎需要使用mpeg文件类型。检查您的网页是否包含doctype html，因为已知Safari在没有正确的DOCTYPE的情况下不会呈现HTML-5内容。

Answer 2

如果您的所有音频文件都是mp3，您只需添加音频文件类型属性，如下所示：

<audio id="my_audio" src="<?php echo get_template_directory_uri();?>/scripts/sound/sound.mp3"> type="audio/mpeg"</audio>

Mac OS X Safari中的JQuery播放声音文件不起作用

2 个答案: