Easy: YouTube Embed Audio Only Player

YouTube is an ideal solution for sharing audio video files. Today, users are searching for a free way to host audio only files with ability to play the files using a small embedded audio player, similar to SoundCloud. This is technically possible to accomplish with YouTube and requires little technical work. Let’s get started with creating a small YouTube video audio-only player embedded onto a website.

1. Upload a new video with audio to YouTube. Go to Share -> Embed and copy down the embed code into a text editor similar to below.

2. We will use the YouTube code below to create our YouTube audio player on our website. Note the src= field. Use your YouTube video embed ID in this field.

<div style="position:relative;width:267px;height:25px;overflow:hidden;">
<div style="position:absolute;top:-276px;left:-5px">
<iframe width="300" height="300"
src="https://www.youtube.com/embed/youtubeID?rel=0">
</iframe>
</div>
</div>

3. Save the code to your website. Now, open the same website page and you should see a YouTube embedded audio-only player, similar to below.

 

 

Note: You have to click the black box to reveal the YouTube player and audio seeker. See below.

 

Click Player First:

 

Now Player is Revealed: