Question

我使用<a>标签创建了一个歌曲播放列表，然后我制作了一个 播放器 ，所以当我点击列表中的项目时，播放器会播放歌曲，但我无法看到播放器并控制它，如何修复它，所以我可以看到播放器并仍然从列表中选择歌曲？ （我没有设置音频播放器的样式......）

这是我的 HTML ：

<audio preload="auto" src="#" autoplay="true"></audio>

<a class="trigger" href="#" data-src="audio/song1.mp3">Song #1</a>
<a class="trigger" href="#" data-src="audio/song2.mp3">Song #2</a>
<a class="trigger" href="#" data-src="audio/song3.mp3">Song #3</a>
<a class="trigger" href="#" data-src="audio/song4.mp3">Song #4</a>

JQUERY 我用来改变音频标签的来源

$('.trigger').on('click', function () {
    $('audio').prop('src', $(this).data('src'));
});

Answer 1

写下这个：

<audio preload="auto" src="#" autoplay="true" controls></audio>

为什么我的音频播放器不可见，我该如何解决？

1 个答案: