Techvocast is supported by its audience like you. When you buy through links on our site, we may earn an affiliate commission. Learn more

How to use Iframe to embed your Google drive audio file

author photo By Published in Last updated on

Want to embed your MP3 audio file on your web page or blog? with audio hosting site like SoundCloud make it easy for you to embed your audio file seamlessly, this site provides an Html code for you to be able to embed the audio file on your web page, and now I have a great tip for those using Google Drive you can now embed the MP3 Audio file on your Google Drive account.

Google Drive 

This embed option work for site or blog that supports iframe, embed the audio file without uploading it to other audio hosting sites like vaca roo.

How to embed your MP3 audio file from your Google Drive 

First, go to your Google Drive app or visit drive.google.com to upload your MP3 Audio file after successful upload set the link sharing on for anyone on the internet to find and view.

Copy the link Sharing code of the MP3 Audio file, you we now have to replace /view with /preview and wrap the modified URL in an IFRAME tag as shown below. 

OK, let me say this is the link I copied 

https://drive.google.com/file/d/1cvqvDP2MWBUsu8IEuoc2xFU7PaBnedVW/view?usp=drivesdk
<iframe frameborder="0" width="400" height="200" src="https://drive.google.com/file/d/1cvqvDP2MWBUsu8IEuoc2xFU7PaBnedVW/preview"> </iframe>

Replace the link in the iframe with the MP3 Audio link from Google Drive you copied then change the /view to /preview

You have different features like play pause, volume up and down, audio countdown and save the music with the icon on the top left the corner.

Nice Right Good for Music Site


Here is the MP3 Audio file I uploaded Enjoy