Question

Hello stackovercool社区，

我正在尝试在我的网站上设置一个声音播放器，并在页脚中显示该曲目的标题。到目前为止这么好，但我想点击文字标题时将音乐静音。我还喜欢在暂停时更改文本的不透明度。

对不起，我的JS知识完全缺乏知识。我经过各种研究后试过这个但是没有用。

function play(idPlayer) {
    var player = document.querySelector('#' + idPlayer);

    if (player.played) {
        player.pause();
        player.style.opacity = "0.5";
    } else {
        player.play();
        player.style.opacity = "1";
    }
}

https://jsfiddle.net/65zup3od/

这主要基于这一点 https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/l-audio-et-la-video

我非常感谢您的帮助！

Answer 1

https://jsfiddle.net/65zup3od/3/ 如果有人想要类似的东西，这就是工作答案。

虽然仍然没有在我的wordpress上工作，我认为是因为

var $j = jQuery.noConflict(); $j(document).ready(function()

我认为这个问题已经解决了。

HTML音频没有控制暂停文本点击

1 个答案: