W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <audio id="myAudio1" controls> <source src="/i/audio/song.mp3" type="audio/mpeg"> <source src="/i/audio/song.ogg" type="audio/ogg"> 您的浏览器不支持 audio 元素。 </audio> <audio id="myAudio2" controls> <source src="/i/audio/song.mp3" type="audio/mpeg"> <source src="/i/audio/song.ogg" type="audio/ogg"> 您的浏览器不支持 audio 元素。 </audio><br><br> <button onclick="setMedGroup()" type="button">为音频设置媒体组</button> <button onclick="getMedGroup()" type="button">获取音频媒体组</button> <script> var x = document.getElementById("myAudio1"); var y = document.getElementById("myAudio2"); function setMedGroup() { x.mediaGroup = "test"; y.mediaGroup = "test"; } function getMedGroup() { alert("音频 1 媒体组：" + x.mediaGroup + "。音频 2 媒体组：" + y.mediaGroup); } </script> </body> </html>