How to embed Pictures and Videos from Google Drive

First you need to get a embed code from your google drive, to do that:

  1. Locate Your File in Google Drive:
    • Go to your Google Drive (drive.google.com).
    • Navigate to and open the specific picture or video you want to embed.
  2. Open the File in a New Window:
    • Once the picture or video is open, locate the “More actions” menu (represented by three vertical dots ••• or an ellipsis) in the top right corner of the preview pane.
    • Click on these three dots and select “Open in new window”. This is a crucial step for generating the embed code.
  3. Generate the Embed Code:
    • In the new window that opens with your picture or video, locate the “More actions” menu again (the three vertical dots ••• or ellipsis) in the top right corner.
    • Click on these three dots and select “Embed item…”.
  4. Copy the Embed Code:
    • A pop-up window will appear, displaying the iframe embed code.
    • This code will look something like this:HTML<iframe src="https://drive.google.com/file/d/YOUR_FILE_ID/preview" width="640" height="480" allow="autoplay"></iframe>
    • Copy this entire code snippet. You can usually click a “Copy” button within the pop-up, or manually select and copy the text.
    • You can change the size of the video or picture by changing this: width="640" height="480"
  1. Paste the Embed Code into Your site:
    • Go to your site and click “Edit site” or “Edit page”
    • Find the block “Shortcode” or “Custom HTML
    • Paste the copied iframe code into the block.