Javascript 在音频元素中选择

我创建了一个

select

元素来选择不同的歌曲

是否可以在

音频

元素中添加

选择

元素

例如，在

播放图标旁边或代替
下载图标


或者，如果不可能的话，我能不能让它们看起来像是同一个元素

更新

到目前为止，我尝试的是：

<audio>
  <source src="audio/song1.m4a" type="audio/mpeg">
  <select>
     <option value="Song1">Song 1</option>
     <option value="Song2">Song 2</option>
  </select>
</audio>


歌曲1
歌曲2

及


歌曲1
歌曲2
歌曲1
歌曲2

如果我理解正确，您只需要更加熟悉CSS及其功能。我使用您上面发布的代码，在
li
和
select
中添加了一些CSS，如下所示：


.nav\u音频{
显示：内联块；
列表样式：无；
填充：15px；
边框：1px实心#中交；
背景:#中交;；
}
.nav_音频选择{
垂直对齐：顶部；
填充：7.5px15px；
右边距：-5px；
边界：无；
背景：#fafafa；
大纲：无；
}

歌曲1
歌曲2
你可以使用CSS做任何你想做的事情。请给我们一个例子，让我们看看你做了什么。好的，我会更新我的问题。请看这个。这和你想做的一样吗？
<li class="nav_audio">
    <select>
        <option value="Song1">Song 1</option>
        <option value="Song2">Song 2</option>
    </select>
    <audio controls="" autoplay="" preload="metadata" onloadstart="this.volume=0.25">
        <source src="audio/Song2.m4a" type="audio/mpeg">
        <select>
            <option value="Song1">Song 1</option>
            <option value="Song2">Song 2</option>
        </select>
    </audio>
</li>