1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 將 Google 雲端硬碟 儲存的影音檔,開啟外連並嵌入網頁中播放教學

將 Google 雲端硬碟 儲存的影音檔,開啟外連並嵌入網頁中播放教學

2021/06/11

梅問題-將 Google 雲端硬碟 儲存的影音檔,也可外連並嵌入網頁中播放
  只要提到影音,大家第一印象就是把影片上傳到Youtube後,再把影片分享並嵌入網頁中,但隨著Youtube的政策修改後,現在任何影片上傳後,都會出現廣告,同時當影片播放完畢後,下方還會出現其它則影片,因此有些朋友,則會將影片放到Vimeo或是自己的主機中,但不得不說的是,把影片放到自己的主機中,可能不用多久,主機的流量就會全部被吃光,因此先前梅干曾分享過,將影片放在Dropbox後,再嵌入網頁中。

除了Dropbox以外,其實Google Drive也是可以的,同時不用透過第三方工具,直接內建就可將影片,嵌入到網頁中,且方法相當的簡單,因此當下回你也有影片要放到網頁時,又不想放到Youtube的朋友,不妨可試試這個方法囉!


Step1
首先,先將影片放到Google雲端硬碟中,再按滑鼠右鍵,選擇「取得連結」。
梅問題-將 Google 雲端硬碟 儲存的影音檔,也可外連並嵌入網頁中播放
Step2
接著將權限設為第二選項。
梅問題-將 Google 雲端硬碟 儲存的影音檔,也可外連並嵌入網頁中播放
Step3
這時等於此網址是公開,再按後方的 複製連結
梅問題-將 Google 雲端硬碟 儲存的影音檔,也可外連並嵌入網頁中播放
Step4
再把原來網址後方的 view?usp=sharing 改成 preview後,再用iframe將網址給嵌入到頁面中,這樣就可成功的將影片給載入啦!是不是超簡單的,且又不用透過第三方工具。
梅問題-將 Google 雲端硬碟 儲存的影音檔,也可外連並嵌入網頁中播放
#範例預覽