Google Photos Album Slideshow

Date Added

May 23, 2020 11:40 PM

Category

Google

Source

https://www.publicalbum.org/blog/embedding-google-photos-albums→

Done

Embed Type

CodePen

File

Google Photos → Share Album → Copy link
Publicalbum.org → Paste Link → Generate Code → Copy code
CodePen.io → New Pen → Paste code → debug view → copy url
Notion.so → embed → paste url

<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
  data-link="https://photos.app.goo.gl/uX7FZCGiNRLK6dUJ8"
  data-title="Diablo 3"
  data-description="4 new photos added to shared album">
  <object data="https://lh3.googleusercontent.com/B47PUZsXJasOA-NjHPOPi9OGs7L3vXPp82J5N1_E5XXCcQKnkhOp1rdn6Jt3Vj09Lbongwk2_Fy7oYEyaHhR1ExbHRz_iTQjVm-DNCjZLVHSgBcQgWP5Z6WmfC4xHkofHChlxoTL=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/oJDTUJmJVSWzsPB4udg4ymdV8dJhKEfFn44VxY3ZAx-B-uW0fP6HYdsjrcwhjFO0SkVqU_cDAQL-VOdZUbPtN33trBZr8akF_CRU4Uz1hgQyUw0zwabXyp4YRPF_quzweRhOKNgE=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/cgeHbtXzwvT_Z7uze9bxbPFp7YzCY07P9B5q5SXruJvj_BNlOCZgmA9vREBxtx9AjgiGd16xMjTMyr1ZO3FhPIGeMaMVzj2ShZJCYypfLGChUIcnzEcyhGTxb4awLdm26rPwghbm=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/mSoDo_5rvn1r9ocG9GZFLnwG_QthvCJ5tNEV9L8IY_QcYfOKUvCDmEPMgH499vAgeNu0t1uwGKdPjPUVENAfizlcXvK2GRRmQZEs8NpN0Fq1nhtY__TC3uMr32Wo3oPNWM4-f5bk=w1920-h1080"></object>
</div>

CodePen > New Pen > Paste HTML code > Save > Change view > Debug Mode > Copy URL
https://cdpn.io/nuttyhappy/debug/zYvJLqa/GnMnbOoLnzKM