Embed YouTube Videos as an Audio Player on Web Page

YouTube the Internet's biggest mainstream Video Sharing site has alot of features and one of them is that you can Embed the video on your webpage so the visitors of your site can watch it their without going to YouTube. Videos can be easily embeded and the code is provided on each videos below.

HOW TO EMBED YOUTUBE AUDIO PLAYER?

What if you just want to embed the audio, not the video. Here we have a simple code to embed youtube vide into audio player.

<div data-video="YouTube-ID-HERE"  
data-autoplay="0"         
data-loop="1"             
id="youtube-audio">
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>

Replace the YouTube-ID-HERE part with the actual youtube id and you are all set.

Check out the demo:

Source Code via: labnol.org