javascript - HTML 音频无控件在文本单击时暂停

Question

你好 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/

主要是基于这个tuts
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()

我想问题就解决了。