What's new
HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Embedding Google Vid Help needed!


New member

I have a video page on my website which is linked to my google drive via the code below. I am using google drive instead of YouTube, due to copyright issues with music. The video links work fine on Chrome, but not on Mac Safari on desktop or iphone.

Desperately need help or a workaround if poss via Javascript or another way please?

Link to the site – http://www.kreativekouples.com/videography/


<iframe src="https://drive.google.com/file/d/1YjBhWH4scLK4B-yR_fUXeJehUmtlFoFJ/preview" width="400" height="300" allowfullscreen="allowfullscreen"></iframe>
Greetings Ben,

There are a couple of different methods you may use to embed a Google Drive Video into a Blogger Blog.

You may use Back Up & Sync or Google File Stream to sync the video with the local drive.
By doing this you will be able to upload the video from the Back-Up & Sync or File Stream Folder located on the Windows device desktop.

If your preference is to grab an embed code please follow the below steps:
  1. Open Google Drive
  2. Find the Video file
  3. Set Share Setting to Public on Web
  4. Click to Open in iFrame
  5. Click the "More Actions" icon (3 vertical Dots) upper right corner
  6. Select "Open in New Window"
  7. Click "More Actions" and Select Embed Code
  8. Copy Embed Code and paste into Blogger HTML Post Composer