jquery - jQuery,使用音频

标签 jquery html audio

我有一个歌曲列表,当我单击特定的链接时,应该更改歌曲。
好的,歌曲已更改,但不再播放。有任何想法吗?

<div id="music">
    <a href="horse.mp3">horse music</a>
    <a href="eminem.mp3">Eminem song</a>
</div>
<audio controls>
    <source src="1.mp3" type="audio/mpeg">
</audio>


<script>
    $(document).ready(function(){
        $('#music a').click(function(){
            event.preventDefault();
            var value = $(this).attr('href');
            $('p').html("<p>"+value+"</p>");
            $('source').attr("src", value);
            audio.load(); 

        });
    });
</script>

最佳答案

请尝试此代码,

$(document).ready(function(){
    $('#music a').click(function(){
        event.preventDefault();
        var audioElement = $("audio");
        var value = $(this).attr('href');
        $('p').html("<p>"+value+"</p>");
        audioElement.attr('src', value);
        audioElement.trigger('play');
    });
});

希望这对您有用。

关于jquery - jQuery,使用音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42104942/

相关文章:

javascript - 向图像添加点 - 初学者

javascript - 如何限制 '<li>' 元素的大小

javascript - 使用 Javascript/jQuery 一次播放一个 HTML 音频文件

javascript - 在背景中缩放图片,站点引用

php - 如何在PHP上创建目录路径

javascript - 如何使音频在React中更流畅地循环播放?

javascript - 模态中出现奇怪的符号而不是内容

jquery - bx slider : How to continue auto sliding after clicking in default bx pager?

html - 全屏宽度的表体

javascript - 在 jQuery 中选择具有特定类的所有列表项