Become The Solution Chicago Logo

Easy: YouTube Embed Audio Only Player

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.
 
 
Youtube embed share code
 
  1. 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.
  2. <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>

  1. 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.
 
Youtube audio only player embed
 

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

 

Click Player First:

Youtube audio only player embed not hidden

 

Now Player is Revealed:

3

Related Posts

 

Comments

No comments made yet. Be the first to submit a comment
Guest
Tuesday, 17 September 2019