How to embed audio from Google Drive

• 

  cmata01 · Member · May 8, 2019 at 12:51 am

  • Copy link
  • Add topic to favorites

  This is an informative How-to. I didn’t see this anywhere in the Support docs or Forum.

  If you want to play audio/music from a file from Google Drive on your WordPress website, you can embed it using HTML.

  Note:
  If you have a paid plan, you can simply upload the file and have it play in a much more elegant interface. Or you can upload it to SoundCloud or Audiomack (also very nice players). More info is located here:

  Working With Audio

  Steps
  1) Go here if you don’t know how to create an HTML block:

  Custom HTML Block

  2) Then, open up Google Drive in another tab or window and follow the directions under Google Drive:

  Embed From Google Docs

  3) After you copied the HTML, paste it into HTML block you created in Step 1.
  Do NOT replace drive.google.com with docs.google.com like it says in the link for Step 2.
  DO replace width=“xxx” height=“xx” with width=”455″ height=”55″ as I found it looks the nicest (it’s the background of the audio player).
  It should look like this:
  

  If you save and look at same HTML later, you may find it changed to shortcode. Example:
  [googleapps domain="drive" dir="file/d/1-HFcHNdhec8WYMdkne363efWRzRw1IO/preview" query="" width="465" height="55" /]
  This is fine. WordPress automattically (pardon the pun) converts it for security reasons.

  Hope this helps!

• 

  cmata01 · Member · May 8, 2019 at 12:56 am

  • Copy link

  Some code got cut off. Not sure if it’ll work this time but..

  After “It should look like this:” should be

  [googleapps domain="drive" dir="file/d/1-HFcHNdhec8WYMdkne363efWRzRw1IO/preview" query="" width="455" height="55" /]

• 

  cmata01 · Member · May 8, 2019 at 1:01 am

  • Copy link

  Correction it should look something like this:

  iframe src=”https://drive.google.com/file/d/1-HFcHNdhec8WYMyPN988HrefWRzRw1IO/preview” width=”455″ height=”55″></iframe

  removed the open and close brackets to prevent it from being converted into shortcode again. WordPress is too good at this!