How to embed a Google Drive folder in a web page

by
  1. Go to your Google Drive.
  2. Right-click on the folder.
  3. Select Share.
  4. Open the General access drop-down menu.
  5. Select Anyone with the link to publish your folder.
  6. Click Copy link and then Done.
    You will get a URL like the following:
    https://drive.google.com/drive/folders/1qGwpjmQIQO8rN1odas0njDSf72VRrTCa?usp=sharing
    You can see your folder ID in bold: 1qGwpjmQIQO8rN1odas0njDSf72VRrTCa
  7. Google Drive folders can be embedded and displayed in list and grid views. Put the folder ID in one of the following iframe sources:

List view

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>

Grid view

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>

More Related Contents:

  1. How to embed a Google Drive folder in a website
  2. How to embed a SWF file in an HTML page?
  3. Hiding the toolbars surrounding an embedded pdf?
  4. How to specify parameters to google chrome adobe pdf viewer?
  5. Getting youtube.com to load in iFrame
  6. File Url Cross Domain Issue in Chrome- Unexpected
  7. Force youtube embed to start in 720p
  8. making div inside div and put it right-bottom corner how?
  9. Element not located at bottom of viewport
  10. Binding select element to object in Angular
  11. Can an HTML element have multiple ids?
  12. Ignore whitespace in HTML [duplicate]
  13. Invert CSS font-color depending on background-color
  14. Cross-browser custom styling for file upload button [duplicate]
  15. Convert web page to image [closed]
  16. Difference between and text
  17. Why does margin-top work with inline-block but not with inline?
  18. Colspan all columns
  19. Position: sticky buttons not working in IE 11
  20. Changing Underline color
  21. css “left” not working
  22. Input type DateTime – Value format?
  23. ios7 font size change when create nsattributedstring from html
  24. How to make the web page height to fit screen height
  25. How to set the thumbnail image on HTML5 video?
  26. iframe contents cant appear in Firefox
  27. Bootstrap – Fill fluid container between header and footer
  28. How to work with ellipsis in bootstrap responsive table
  29. Unordered List () default indent
  30. Wget recognizes some part of my URL address as a syntax error

Leave a Comment