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:

Rate this blog entry:
2

Related Posts

 

Comments

No comments made yet. Be the first to submit a comment
Guest
Sunday, 17 December 2017

Subscribe to Become The Solution!




Follow Us Online!
Become The Solution Facebook PageBecome The Solution Twitter Solution ChicagoBecome The Solution Google PlusBecome The Solution InstagramBecome The Solution LinkedInBecome The Solution YouTube

Subscribe to Become The Solution!