Monday, October 26, 2015

How to embed video uploaded to Google Photos on your website or blog

Google Photos lets you easily back up your photos and videos, and share them to Google+, Facebook, Twitter or to anyone who has the link. But sometimes you want to post your videos on your blog or website.

You can import your Google Photos videos to the YouTube channel associated with your account, then embed the YouTube video.  But before you do that first consider YouTube's content policies - if your video doesn't comply, don't import it!

So how can you embed your Google Photos video on your own website without uploading it to YouTube? Google does not offer a direct way to do that, but you can access your Google Photos video in Google Drive and embed it from there.

Note: this only works to embed your own Google Photos videos or videos shared with you via Google Drive

How to embed a Google Photos video on your blog or website


  1. Upload or backup your video to Google Photos (see video upload limitations)
  2. Sign in to Google Drive (drive.google.com) on your desktop computer with the same email you use to sign in to Google Photos
  3. Click Google Photos in the left sidebar  (drive.google.com/drive/photos)
  4. Click the video you want to share (Videos have a Play icon on them)
  5. Click the Share icon at the top to set who can see your video. You can make the video Public in Advanced settings.
  6. The video will open in a lightbox - click the Pop Out  icon at top right
  7. When the video has popped out in its own window click the 3 dot More actions icon
  8. Select Embed item...
  9. Copy the embed code
  10. Paste the embed code in your website or blog
Read on for detailed instructions with screenshots

1. Upload or backup your video to Google Photos 


Videos can be up to 10MB, and videos uploaded as High Quality will be reduced to 1080p if higher resolution (see video upload limitations).

Note: if you want to embed a movie created in the Google Photos app you must download the video, then re-upload the video to your Google Photos Library. 

How to download - then upload - a Google Photos movie creation
ii. Click the video so it opens full page
iii. Click the 3 dot menu icon at top right
iv. Select "Download video"

v. Once the video is downloaded go back to the main Photos page and click the cloud icon with the up arrow at the top of the page to upload your video again

Once your video has been uploaded to Google Photos, it will be available in Google Drive for embedding.

Note: if you have backed up or directly uploaded your video already, then you do not need to download and upload again.

2. Sign in to Google Drive (drive.google.com) on your desktop computer 


Be sure to sign in with the same email you use to sign in to Google Photos.

3. Click Google Photos in the left sidebar (drive.google.com/drive/photos)


Google Photos photos and images are automatically accessible in Google Drive. 


4. Find the video you want to share (videos have a Play icon on them) and click it.


Google Photos photos and videos are in Google Drive in chronological order.
Clicking the video will open it full screen in a lightbox.

5. Click the Share icon at the top to set who can see your video. 


The video will only be visible to the people you have shared it with. If you want the public to be able to see your video, you can set that as well:



i. Click the Share icon
ii. Click Advanced


iii. Next to Private - only you can access click Change



iv. Select On - Public on the web or Anyone with the link        (either should work to view the embeded video on your website or blog)


v. Click Save
vi. Click Done

Now anyone should be able to view your video.

6. Once you have the Share options set, click the Pop Out  icon at top right


This will open the video in its own tab.


7. When the video has popped out in its own window click the 3 dot More actions icon



8. Select Embed item...



9. Copy the embed code

Highlight the embed code to copy it.

10. Paste the embed code on your website or in a blog post



Note that if you are embedding your video in a Blogger blog post, you should be sure you have the blog post editor to HTML mode, not Compose mode when you paste in the embed code.


And here you have it!




Note that movies created in Google Photos are not usually visible in Google Drive - I uploaded this video to my Google Photos directly. See above for instructions for how to do that.


Posted by Peggy K

3 comments:

  1. Great, but, if i have a videos in a special google plus page?

    ReplyDelete
  2. Thank you for post it, work great!

    ReplyDelete
  3. Great!
    I only wish there was a trick to avoid the download and upload step with videos created by google.

    ReplyDelete