Blogger Tips & Tricks

Embedding a native HTML5 Audio player, that plays MP3 hosted on Google Drive

This took me ages to find, so thought I'd post it here. Here is the HTML code I have to use to get the native HTML5 MP3 players in Blogger.
<audio controls="">
<source src="http://docs.google.com/uc?export=open&id=abcdefghijklmnopqr0123456789" type="audio/mp3">
</source>
<a href="https://drive.google.com/file/d/abcdefghijklmnopqr0123456789/view">Click here to download</a>
</audio>
Where abcdefghijklmnopqr0123456789 is your Google Drive file ID you find in your address bar during previews.

No comments:

Post a Comment