如何在網頁加入 Google Drive 的影片、音樂檔案(網頁內嵌)

要在文章中分享 YouTube 影片除了貼上連結,更好的選擇是使用嵌入分享,讓訪客直接在網頁上觀看避免跳出。已經將多媒體檔案上傳到 Google Drive,同樣可以使用嵌入分享(如下圖),在文章中插入影片、音樂、圖片,不需上傳其他分享空間。


要將 Google 雲端硬碟中的多媒體檔案添加到文章中,需先開啟檔案共用設定讓所有使用者都可以檢視。
點選檔案開啟預覽。
在網頁加入 Google Drive 的影片、音樂檔案

右上角功能列選擇「在新視窗中開啟」。
在網頁加入 Google Drive 的影片、音樂檔案

再次右上角功能表選擇「嵌入項目」。
在網頁加入 Google Drive 的影片、音樂檔案

複製程式碼添加到文章中,與 YouTube 分享影片同樣的方式。
在網頁加入 Google Drive 的影片、音樂檔案

音樂檔案:


影片檔案:


<iframe src="https://drive.google.com/file/d/1deB1MtEgFLVRMNdKhqiAS7vq7ZsIKS5s/preview" width="640" height="480"></iframe>
程式碼中的 width、height 數值可自行調整以符合文章排版,預設嵌入項目會顯示邊框,若不想使用邊框可添加 frameborder="0" 到程式碼中。當然也可以將他人分享的檔案嵌入到網頁中,但是需注意是否有版權限制。

張貼留言

0 留言