Отдельные игроки и предотвратить дублирование

Question

может кто-нибудь помочь мне разделить 3 радио-плеера с кодом html и не дать 3 радио-плеерам стать 3 одинаковыми, а не быть 3 разными игроками. какой код я могу поставить между ними?

например Все 3 радио-плеера становятся последним радио-плеером внизу, если вы понимаете, что я имею в виду.

<script >(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer')); 
radplayer('url', 'yowlandurbanradio'); 
radplayer('type', 'mobile'); 
radplayer('autoplay', '0'); 
radplayer('volume', '50'); 
radplayer('color1', '#000000'); 
radplayer('color2', '#ffffff'); 
</script> 
    <div class="radionomy-player"></div> 



<script>(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer')); 
radplayer('url', 'yowlandelectroradio'); 
radplayer('type', 'mobile'); 
radplayer('autoplay', '1'); 
radplayer('volume', '50'); 
radplayer('color1', '#000000'); 
radplayer('color2', '#ffffff'); 
</script> 
    <div class="radionomy-player"></div> 



<script>(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer')); 
radplayer('url', 'yowlandjammakerradio'); 
radplayer('type', 'mobile'); 
radplayer('autoplay', '0'); 
radplayer('volume', '50'); 
radplayer('color1', '#000000'); 
radplayer('color2', '#ffffff'); 
</script> 
    <div class="radionomy-player"></div> 

Answer 1

Прежде всего, не используйте классы. Используйте идентификаторы, чтобы сделать каждого игрока уникальным. Второе: вам не нужно загружать скрипт каждый раз, когда вы инициализируете нового игрока. Таким образом, эта линия требуется только один раз:

<script>(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer'));</script> 

Функция radplayer(...) кажется, будет загружен в скрипте radionomy и проанализировано позже здесь с фреймом, созданным из сценария.

Я не мог сказать, как передать id каждому игроку (в части JavaScript). Но как это сделать, также следует задокументировать на сайте разработчика.