jquery - 音效在 jQuery 弹出窗口上不起作用

Question

我有 jQuery 弹出代码，但我还需要在打开弹出窗口时播放声音。jQuery 弹出窗口打开，但声音不播放js fiddle

代码：

function lightbox() {
    $.colorbox({
        inline: true,
        width: "26%",
        height: "85%",
        href: "#inline_content",
        overlayClose: false
    });
}

function loadSound() {
    lightbox();
    document.jukebox.play();
}

标记：

<embed src="skype.mp3" autostart='true' hidden='true' loop='true' name="jukebox">
<div style='display:none%;' id="content">
    <div id='inline_content' style='padding:0px; padding-bottom:0px;'></div>
</div> <a href="javascript:loadSound();">click</a>

Answer 1

这与您正在使用的标签和您正在设置的参数有关。您需要改用audio标签。这是一个工作演示：

编辑：为了处理多个浏览器，需要不同的格式。OGG 和 MP3 的组合应该可以处理所有现代浏览器。浏览器中的原生音频 | HTML5 医生

jsFiddle