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:

2

Related Posts

 

Comments

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


Shout Box!

HelenV - 12/12/2018 - 08:32

just got msg on my 7plus that someone is trying to sign in with my apple id in Nanjing, Jiangsu and I am in Athens Greece. Good thing I have 2 factor.

Alex - 11/12/2018 - 16:29

My TT-BH040 won't pair with another device besides my iPhone. I'm trying to pair them with my Windows 10 laptop.

iphone user - 10/12/2018 - 13:36

iphone xs max sometimes after unlocking does not switch horizontal to vertical view. I usually end up powering off and on. Latest iOS .12.1.1

Anonymous - 05/12/2018 - 23:17

Where can I get this App?

Mike - 05/12/2018 - 23:17

Hi.

User - 26/10/2018 - 08:55

Have been habving this issue last hour. Unreal hinge is trash

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!