JS Edycja kodu JS

Cześć.

Posiadam taki kodzik JS:

/* 
 YouTube Audio Embed 
 --------------------
 
 Author: Amit Agarwal
 Web: http://www.labnol.org/?p=26740 
*/

function onYouTubeIframeAPIReady(){var e=document.getElementById("youtube-audio"),t=document.createElement("img");t.setAttribute("id","youtube-icon"),t.style.cssText="cursor:pointer;cursor:hand",e.appendChild(t);var a=document.createElement("div");a.setAttribute("id","youtube-player"),e.appendChild(a);var o=function(e){var a=e?"IDzX9gL.png":"quyUPXN.png";t.setAttribute("src","https://i.imgur.com/"+a)};e.onclick=function(){r.getPlayerState()===YT.PlayerState.PLAYING||r.getPlayerState()===YT.PlayerState.BUFFERING?(r.pauseVideo(),o(!1)):(r.playVideo(),o(!0))};var r=new YT.Player("youtube-player",{height:"0",width:"0",videoId:e.dataset.video,playerVars:{autoplay:e.dataset.autoplay,loop:e.dataset.loop},events:{onReady:function(e){r.setPlaybackQuality("small"),o(r.getPlayerState()!==YT.PlayerState.CUED)},onStateChange:function(e){e.data===YT.PlayerState.ENDED&&o(!1)}}})}

HTML:

<div data-video="ID_VIDEO"  
         data-autoplay="0"         
         data-loop="1"             
         id="youtube-audio">
  </div>

Czy mógłby mi ktoś go przerobić tak, aby zamiast obrazka wyświetlał div'a o klasie play?

https://jsfiddle.net/b276q2jf/

W zasadzie to: https://jsfiddle.net/b276q2jf/1/

Nie przeczytałem, że klase chcesz zamiast ID.

A jeżeli zamiast stop/play chciałbym wsadzić font awesome?
Wystarczy wkleić <i class="fa fa-play" aria-hidden="true"></i> czy jakaś bardziej zaawansowana edycja js?

Jesli dodasz to w postacji podanej przez ciebie nie edytując wcale kodu wyskoczy ci syntax error.
Proponuje coś w tym stylu: https://jsfiddle.net/b276q2jf/2/

Ostylowanie siedzi tam gdzie powinno - w arkuszach styli i możesz łatwo edytować.

Jesli dodasz to w postacji podanej przez ciebie nie edytując wcale kodu wyskoczy ci syntax error.
Proponuje coś w tym stylu: https://jsfiddle.net/b276q2jf/2/

Ostylowanie siedzi tam gdzie powinno - w arkuszach styli i możesz łatwo edytować.

Kolejne pytanie, czy jest opcja dodania kilku odtwarzaczy na jednej stronie?

Musisz ustalić unikalne ID dla każdego elementu

Poradnik, co kolwiek?

Nigdy nie edytowałem kodów JS.

Po co poradnik? Kopiujesz X razy dany kod HTML, wklejasz i zmieniasz dla każdego ID. Następnie JSa edytujesz w ten sposób, że wyciągasz pobieranie ID z wewnątrz funkcji do jej argumentu i tyle, kodzik będzie działać.
Coś takiego: https://jsfiddle.net/b276q2jf/7/