Fiverr Paid Course

 PART 01



Google Drive Video Embed

Video Player

How to Embed Your Own Video

  1. Upload your video to Google Drive
  2. Right-click on the file and select "Share"
  3. Change sharing settings to "Anyone with the link"
  4. Copy the shareable link
  5. Find the video ID in the URL (between /d/ and /view)
  6. Replace the video ID in the code below with your own
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;">
  <iframe src="https://drive.google.com/file/d/1nrQsGeOIrRxOipzH2BdfICdjP5cj6Hs2/preview"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
    allow="autoplay; encrypted-media"
    allowfullscreen>
  </iframe>
</div>

Note: Replace YOUR_VIDEO_ID with the ID from your Google Drive shareable link.

Example: If your link is https://drive.google.com/file/d/1AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp/view
Then your video ID is 1AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp

 PART 02



Google Drive Video Embed

Video Player

How to Embed Your Own Video

  1. Upload your video to Google Drive
  2. Right-click on the file and select "Share"
  3. Change sharing settings to "Anyone with the link"
  4. Copy the shareable link
  5. Find the video ID in the URL (between /d/ and /view)
  6. Replace the video ID in the code below with your own
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;">
  <iframe src="https://drive.google.com/file/d/1-L4Q_zU8q24Fpb2wQzDQ2b8mdbSd9uTX/preview"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
    allow="autoplay; encrypted-media"
    allowfullscreen>
  </iframe>
</div>

Note: Replace YOUR_VIDEO_ID with the ID from your Google Drive shareable link.

Example: If your link is https://drive.google.com/file/d/1AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp/view
Then your video ID is 1AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp

 PART 03



Google Drive Video Embed

Video Player

How to Embed Your Own Video

  1. Upload your video to Google Drive
  2. Right-click on the file and select "Share"
  3. Change sharing settings to "Anyone with the link"
  4. Copy the shareable link
  5. Find the video ID in the URL (between /d/ and /view)
  6. Replace the video ID in the code below with your own
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="https://drive.google.com/file/d/1iR65lM-JWca97P24JKBERhaeIAg1hjX-/preview?rm=minimal"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
    allow="autoplay; encrypted-media"
    allowfullscreen>
  </iframe>
</div>

Note: The ?rm=minimal parameter helps reduce the visibility of the pop-out button, though it may not remove it completely in all cases.

Replace 1iR65lM-JWca97P24JKBERhaeIAg1hjX- with the ID from your Google Drive shareable link.

Post a Comment