Google Drive

[How to display images in Google Drive with iframe_tag] New iframe_tag from 2 Jan 2024. Yahoo chiebukuro [How to display images in Google Drive with img_tag] Old img_tag until December 2023. Qiita 1. Upload an image file to Google Drive 2. Right click on the file -> Share -> Get link 3. Click [Change] at the bottom left -> Copy link 4. Write the following in one line with html tag. <a href="https://drive.google.com/file/d/xxxxxxxxxx/view?usp=sharing"><img src="https://drive.google.com/uc?export=view&id=xxxxxxxxxx#dummy.jpg&usp=sharing" width="300" border="0" /></a> or <a href="https://drive.google.com/uc?export=view&id=xxxxxxxxxx#dummy.jpg&usp=sharing"><img src="https://drive.google.com/uc?export=view&id=xxxxxxxxxx#dummy.jpg&usp=sharing" width="300" border="0" /></a> or <a href="https://drive.google.com/uc?id=xxxxxxxxxx#dummy.jpg&export=download"><img src="https://drive.google.com/uc?id=xxxxxxxxxx#dummy.jpg&export=download" width="300" border="0" /></a> or <iframe src="https://drive.google.com/file/d/xxxxxxxxxx/preview#dummy.jpg" width="300" height="168" frameborder="0"></iframe>

Example (Photo, 8 Apr 2021) <a href="https://drive.google.com/file/d/1D48cbvGbaauNLUsyIev6zUDqJG5DLwbB/view?usp=sharing"><img src="https://drive.google.com/uc?export=view&id=1D48cbvGbaauNLUsyIev6zUDqJG5DLwbB#10408ang.jpg&usp=sharing" width="300" border="0" /></a> or <iframe src="https://drive.google.com/file/d/1D48cbvGbaauNLUsyIev6zUDqJG5DLwbB/preview#10408ang.jpg" width="300" height="168" frameborder="0"></iframe>

Example (Site, 5 Feb 2023) <a href="http://www.ne.jp/asahi/hamradio/je9pel/satslisd.htm"><img src="https://drive.google.com/uc?export=view&id=1R6ctF8dcj5c5WNj1slYYQdd9HHmZC20f#30205drk.png&usp=sharing" width="300" border="0" /></a> or <iframe src="https://drive.google.com/file/d/1R6ctF8dcj5c5WNj1slYYQdd9HHmZC20f/preview#30205drk.png" width="300" height="168" frameborder="0"></iframe>

Example (PDF, 4 Oct 2021)

Example (Photo, 24 Sep 2021)

[ Google Drive images cache] (13 May 2023) Recently, it often happens that all the linked images on Google Drive are not displayed on my PC. I don't know that reason. In such a case, copy and paste the URL up to the following long "...=sharing" into the search field of the browser (it may be possible to simply click it), and physically pass the path directly to Google Drive to MyImage (tropical fish ) is displayed once and then returned to the original site and reloaded, all the images that were not visible become visible. Images saved to other sites or Dropbox don't have this effect. When the image is not displayed when accessing my site on another station's PC, you may be able to see it if you try in the same way. https://drive.google.com/file/d/1D48cbvGbaauNLUsyIev6zUDqJG5DLwbB/view?usp=sharing or FireFox cache clear: Settings - Privacy&Security - Cookies&SiteData - ClearData - ClearNow [Google Chrome + Google Drive] (17 Jun 2023) This combination was found to have the strongest image display. With Microsoft_Edge and Firefox_Mozilla, it often occurs that it takes a long time to load image files stored in Google Drive, or that the entire image files are not displayed on the browser display. However, this is not the case with the combination of Google, and the image display is very smooth and stress-free. [How to display images in Google Drive with iframe_tag] [Google Drive iframe_embed] (14 Jan 2024) It has been revealed that Google's specifications have changed on 2 Jan, 2024. Yahoo wisdom bag (ex.) <iframe src="https://drive.google.com/file/d/1D48cbvGbaauNLUsyIev6zUDqJG5DLwbB/preview#10408ang.jpg" width="100" height="56" frameborder="0"></iframe> [YouTube iframe_embedding directly] (15 Jan 2024) <iframe src="https://www.youtube.com/embed/vsF0Muk_az8?rel=0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen width="400" height="224" frameborder="0"></iframe> [Google Drive video_tag] (17 Jan 2024) Case where video in other Site, <video controls muted width="400" height="224"><source src="https://www.static.tu.berlin/fileadmin/www/10002275/News/dorbit_scv015.mp4" type="video/mp4"></video>

(C)TUB Case where video in Asahi-net server, <video controls muted width="400" height="224"><source src="https://www.ne.jp/asahi/hamradio/je9pel/10713y12.mp4" type="video/mp4"></video> or <video src="https://www.ne.jp/asahi/hamradio/je9pel/10713y12.mp4" controls muted width="400" height="224"></video>

(successful) Case where video in Google Drive, <video controls muted width="400" height="224"><source src="https://drive.google.com/uc?export=download&id=1V3low0-yx4LceAr5FkmFEptnl4V0faeV#10713y12.mp4" type="video/mp4"></video>

(in progress) [How to display video in Google Drive with iframe_tag] (21 Feb 2024) Right-click on image -> Open application -> Preview -> Open new window on Other operations -> Embed item -> Copy and Paste <iframe src="https://drive.google.com/file/d/1V3low0-yx4LceAr5FkmFEptnl4V0faeV/preview#10713y12.mp4" width="400" height="224" allow="autoplay" frameborder="0"></iframe> (If it doesn't play, click the popout in the upper right corner to play it.) (successful) https://mteam.jp/column/10229/ https://webliker.info/html/52510/ https://workspace-hack.com/drive-video-tag/ https://loki-creative.com/note/wp_googledrive/