jquery - 关闭colorbox弹出窗口后如何编写jQuery播放音频

标签 jquery audio colorbox

在我的CMS网站上,页面加载时我会自动弹出颜色框。通过在home.tpl文件中插入音频标签,我可以在用户单击我的网站主页时播放音频。使音频仅在颜色框弹出窗口关闭后才能播放。如何为此功能编写jquery。

colorbox popup

音频的代码

<audio>
<source src="..." type="audio/mp3" />  
</audio>

最佳答案

我已经通过更新如下所示的脚本来使其工作。

<audio id="playaudio">
<source src="catalog/view/theme/pav_cosmetics/media/intro.mp3" type="audio/mp3" />  
</audio>
<script>
jQuery(document).ready(function(){
    if (document.cookie.indexOf('visited=true') == -1) {
      var expire = new Date();
        expire = new Date(expire.getTime() + 7776000000);
        document.cookie = "visited=true; expires=" + expire;
    $.colorbox({width:"620px", height:"450px", inline:true, href:"#subscribe"});
    $("#cboxClose").click(function()
    {
        document.getElementById('playaudio').play();
    });
        }

});</script>

关于jquery - 关闭colorbox弹出窗口后如何编写jQuery播放音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23005788/

相关文章:

javascript - 如何在 JavaScript 中快速播放声音文件的多个副本

android - Android打开和关闭声音应用

ios - AVAudioPlayer 不会为一个 mp3 播放音频,但会为其他 mp3 播放音频?

javascript - 通过 ajax 返回的颜色框和内容

javascript - 此 JS 代码是否等待 AJAX 请求完成?

javascript - 如何使用 JSON API?

jquery datepicker + 日期差异计算

javascript - JS/jQuery - 如何将某个类的目标元素的innerHTML 结合起来并附加/替换它?

jquery - 如何使颜色框响应

javascript - 当我从点击回调中调用它时,颜色框看起来不正确