How to Embed Video from Google Photos?

Looking to Embed Videos from Google Photos on your Blog or Webpage? Here are Few Best Methods to Insert or Embed Video Stored in Google Photos as HTML Code.
Embedding Videos from Google Photos

Google Photos is developed as a very personal space to save your pictures and videos online to access it across any web or mobile app. Earlier it was possible to embed videos from Google Photos as it was able to sync with Google Drive. Google Drive has an option to embed videos.

To be honest with you, there is no way you can embed videos stored on Google Photos as an HTML element on your website or blog or any other slide. We will look at few workarounds for embedding videos stored in Google Photos on an HTML or Webpage.

Method 1. Code to Embed Videos from Google Photos

There is a small code that you can directly add to your blog or webpage where you want to embed the Video from Google Phot0s. All you need is the download link and you can then add the download link inside the <div> code. Then paste the newly generated custom code inside the location where you want to embed the video. Let us look at the process in detail;

  1. Open the Google Photos.
  2. Look for the video that you wish to embed and open it.
    Open Video to Embed
  3. Now on the right top click on More options.
    CLick on More Options
  4. Tap on the download button to save the video.
    Download Video
  5. You can quickly cancel the download as we do not need the video, we just need the download link.
    Cancel Download
  6. Go to the download page. For Chrome Browser you can visit; chrome://downloads/
    Chrome Download Page
  7. Now right-click on the Download Link to copy the complete URL.
    Copy Download Link Chrome Downloads
  8. Now simply copy the code below.
    <div style="width:100%;height:480px;background-color:black;text-align:center;">
      <video style="height:100%;" controls>
        <source src="https://downloadlink.com" type="video/mp4">
      </video>
    </div>
  9. Replace the https://downloadlink.com from the code above with the video Download Link you copied from the Chrome Download page.
  10. You can now simply add the code onto your webpage or blog where you want to embed the Google Photos Video.
    Video Embedded to HTML Page
  11. That’s it, load the webpage and you will see the video embedded and playing without issues.

Below is the GIF that shows the code inside HTML Editor and when Run the video is embedded on the page.

Embed Video to HTML Blog


Method 2. Using Chromium Console Element

This is a trial method and may work or maybe not. You will need to copy the <div> element from Console and paste it on your HTML blog for embedding. Here is the guide to extract the div iframe element and paste it on Blog or Site.

  1. Open Google Photos.
  2. Look for the video that you wish to embed.
  3. Open the video and click on the Share icon.
    Share Video File
  4. Now click on Create Link.
    Click on Create Link
  5. Create the link and copy the URL.
  6. Open the copied link in a new tab/private tab and load the video.
    Open Video in Incognito Tab
  7. Now open Inspect Console tab by pressing Ctrl + Shift + C for Windows or Cmd + Shift + C for Mac.
  8. It is important to reload the page with the Console tab open.
  9. Now look for the iframe element inside the console tab.
    Select iframe element
  10. On the element, right click to open more options, here click on Edit as HTML.
    Edit the Element as HTML
  11. Copy all the code inside the HTML box.
    Code HTML
  12. Now open the Blog/Webpage where you want to embed the video.
  13. Paste the code on the HTML editor of the blog/webpage.
    Paste the code in HTML Web Page
  14. Once the code is added, the video will be embedded into your blog/page.
    Video Embedded to Blog

Note: These method is not very reliable as Videos Uploaded to Google photos are split into number of sub video files making it hard to

Method 3. By Uploading Video to Drive

Google Drive offers an option to embed the video on a page. You can use this feature and manually upload the video from Google Photos to Google Drive and then get the embed code from Google Drive.

  1. Upload video to Google Drive manually.
  2. Open the video, and click on the more options on the right top.
  3. Here click on Open in New Window.
    Open in New Tab Video
  4. The video will open in a new tab, again click on more options and you will see the Embed item option.
    Click on Embed item
  5. Copy the code and paste it on the blog to embed.

Conclusion

Here are few methods to Embed Videos Uploaded to Google Photos on a Blog or Web Page, like WordPress, Blogger, Joomla, and more. Being personal storage there is no direct method to embed the Google Photos Video.

Keywords in Focus

  • Embed Google Photos Video
  • Embedding Videos from Google Photos
  • How to Embed Google Photos Video?
  • Insert Video Uploaded to Google Photos on a Webpage
  • Embed Google Photos Video to Blogger

Leave a Reply

Your email address will not be published. Required fields are marked *