<audio controls autoplay> <source src = "http://no-mad.site/medias/tony.ogg" type = "audio/ogg" /> Your browser does not support the <audio> element. </audio> ```htmlmixed= <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Green Audio Player</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="http://www.no-mad.site/tools/gapm/dist/css/green-audio-player.min.css"> <style> html, body { height: 100%; } body { margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #F8FFAE; background: -webkit-linear-gradient(-65deg, #43C6AC, #F8FFAE); background: linear-gradient(-65deg, #43C6AC, #F8FFAE); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ready-player-1, .ready-player-2 { margin: 24px 0; } </style> </head> <body> <div class="ready-player-1"> <audio crossorigin> <source src="http://www.no-mad.site/medias/tony.mp3" type="audio/mpeg"> </audio> </div> <div class="ready-player-2"> <audio crossorigin> <source src="http://www.no-mad.site/medias/tony.mp3" type="audio/mpeg"> </audio> </div> <script src="http://www.no-mad.site/tools/gapm/dist/js/green-audio-player.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { new GreenAudioPlayer('.ready-player-1', { stopOthersOnPlay: true }); new GreenAudioPlayer('.ready-player-2', { stopOthersOnPlay: true }); }); </script> </body> </html> ```