Ryan's method for using Google Drive as a host for embedding music or videos into Blogger is as follows:
- Upload an audio or video file to your Google Drive.
- Once it's uploaded to Google Drive, click the Share button.
- Set sharing to "Public" for the widest audience.
- Copy that public sharing link. (e.g. https://drive.google.com/file/d/0B-Wtebd6y4ISeWZPMHdSellFclU/view?usp=sharing)
- Paste that link into the HTML side of a new Blogger post.
- Copy the "garbage" from the middle of the link (highlighted in green above)
- Paste the "garbage into the green portion of this HTML code:
- Make sure it works by switching back to the Compose side and pressing the play button.
Ryan Boelk's HTML code for embedding an audio file from Google Drive :
<center><iframe height="100" src="https://docs.google.com/
a/wlavikings.org/file/d/ Place the "garbage" here/ preview" width="300"></iframe></center>
My replication and modification of Ryan's Method for Audio and Video
This is the second audio file I tried to embed. The first one I tried, Jason Aldean's "Hicktown", showed an embedded audio player but it had no sound when the play button was pressed. I'm not sure why. My thought was that the MP3 file was nested a couple of folders deep on my Google Drive, so I went looking for an MP3 file on the root level of my drive. That one, my own arrangement for orchestra, chorus, and congregation for the 2002 WELS National Conference on Worship, Music, and the Arts from the of the hymn "The Tree of Life" worked.
So I started to play with the height and width parameters. Ryan specified height = 100 and width = 300, but it seemed to give too much grey space for my liking above and below the audio transport controls and squished the transport so that play time and volume controls were on top of each other (as shown below), so I modified the numbers to height=60 and width = 450 (as shown above). That also keeps the popout window button off of the transport controls.
In order to bypass copyright restrictions on Youtube or Soundcloud for education fair use applications, Google Drive can be used to host both audio and video files. Embedding audio and video files from Google Drive is possible using an adaptation of an embed code from Google Docs. The key to modifying the embed code is to paste a portion of the shared URL into an <iframe> HTML embed code as described above. Audio files