2020/03/19

[筆記]Google Drive上的影片嵌入網頁時,無法全螢幕播放


嵌入存放在Google 雲端硬碟的影片在網頁時,被告知無法使用全螢幕播放,在說明中發現:

無法使用全螢幕模式

透過其他網站觀看 YouTube 影片時,如果您無法使用全螢幕模式,可能是因為網站擁有者停用了這個選項。

當下傻眼,我就照著雲端硬碟的說明嵌入啊等等。最後去youtube那邊找到解答,這段html語法是有缺漏的,在Google雲端硬碟中,複製下的嵌入式長這樣:
<iframe src="https://drive.google.com/file/d/1FX9ytVaJUEqomh12VExENvZFgNJ0ejy/preview" width="640" height="480"></iframe>

但是全螢幕的參數卻需要另外加上「allowfullscreen="true" 」,使得嵌入式變為:
<iframe allowfullscreen="true" src="https://drive.google.com/file/d/1FX9ytVaJUEqomh12VExENvZFgNJ0ejy/preview" width="640" height="480"></iframe>
如此一來,就能使網頁上的影片全螢幕播放。

參考資料:

  1. https://free.com.tw/google-drive-video-embeds/
  2. https://www.sogi.com.tw/talks/%EF%BC%B9%EF%BD%8F%EF%BD%95%EF%BD%94%EF%BD%95%EF%BD%82%EF%BD%85%E5%BD%B1%E7%89%87%E4%B8%8D%E8%83%BD%E5%85%A8%E8%9E%A2%E5%B9%95/6139289



沒有留言:

張貼留言