How To Embed YouTube as an Audio Player ?

How do you embed only the audio portion of a YouTube video in your web pages?

A popular option would be that you extract the audio portion of that YouTube video and then use the Google MP3 player to embed that MP3 fil into your website. This will work but YouTube is very likely to have a problem with your approach.

The other approach could be CSS based where you embed the regular YouTube video player and then use the magic of CSS styles to hide the video inside the embedded player.

This internally renders the YouTube player using the IFRAME player and should therefore work on both desktop (Flash) and mobile (HTML5) browsers.

Without boring you with the technical details, here’s the little HTML code that turn the YouTube video player into an audio player. Simply replace the youtubeID with the ID of your YouTube video and you are done.

The YouTube logo inside then player, when clicked, will transport you to the original video hosted on the YouTube website.

Written by Tripathi Kinjalk

Kinjalk Tripathi is founder and editor-in-chief of popular blog MethodToEarn.Com. He writes topics related to SEO, Blogging ,Make Money Online, Reviews etc. You can find him on Facebook, Twitter and Google+ or send him email at tripathi.kinjalk@gmail.com

One comment

Leave a Reply