原由
因為網站是用 “樹梅派” 架設的,記憶卡16GB已用掉12GB多了, 想一想, 網站的媒體何不直接使用谷歌相簿裡頭的!?
第一次, 總是摸的比較久!
原本使用Photonic外掛, 從申請Google Client ID/Secret for API service,再到Photonic Setting,用掉我一天多的時間, 也許個性直,一遇到卡關, 總是不會試著跳過, 往下一步試試. 雖然, 最後完成了Photonic外掛與谷歌API的認證,不過使用起來效果並不理想! 到頭來, 谷歌相簿裡的相簿或相片還是用”embed-google-photos-album”外掛, 相簿裡的影片則使用外插自訂HTML代碼的方式, Audio和Youtube則直接使用 WordPress的Block Editor
谷歌相簿 : 苗栗造橋大潭 龍湖宮 仁濟堂
底下相簿使用 “embed-google-photos-album”建立, 聲音則使用 WordPress內建的Audio Block
滷豬腳初體驗
底下影片使用谷歌硬碟分享建立
小時候三代同堂, 因為是男生, 只須下田, 不用下廚房! 退休了, 老婆還在上班, 下廚是免不了, 已經磨了一年多, 這是第二次滷豬腳, 其實還相當生疏, 跟第一次沒什麼兩樣!
使用 Youtube
2019-11-18 日本自由行 河口湖, 底下影片則是使用 WordPress內建的Youtube Block建立
參考
Embed Google Photos album
Embed Google Photos video with player into website
Blocks » Audio Block
Blocks » YouTube Block
How to Embed Video from Google Photos?
- 選定要分享的谷歌相簿影片, 按分享, 複製網址 (主要是讓影像能讓其他使用者看到)
- 接著下載影片, 不管下載完成與否, 於下載狀態位置, 點住下載的檔名, 按滑鼠右鍵, 複製下載網址, 取消下載或刪除下載檔案
- 把下列 “…..” 用下載的網址取代 , 然後把下列文字複製到自訂的HTML區塊, 這樣就能嵌入谷歌相簿的影片了
<div style="width:100%;height:480px;background-color:black;text-align:center;">
<video style="height:100%;" controls>
<source src="....." type="video/mp4">
</video>
</div>
How to embed google drive video without iframe in WordPress or blog
"Embed Video from Google Photos" 所產生的分享連結過一段時間後會失效! 所以改用其他方法, 先從 "谷歌相簿" 分享到 "谷歌硬碟", 再由 "谷歌硬碟" 分享, 然後獲取嵌入代碼, 接著再貼入自製HTML代碼區塊, 最後預覽一下是否正確