声音效果不适用于jQuery弹出窗口

时间:2013-07-02 15:18:27

标签: jquery

我有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>

1 个答案:

答案 0 :(得分:1)

这与您正在使用的标签和您正在设置的参数有关。您需要使用audio标记。这是一个有效的演示:

编辑:为了处理多个浏览器,需要不同的格式。 OGG和MP3的组合应该可以处理所有现代浏览器。 Native Audio in the Browser | HTML5 Doctor

jsFiddle