有了iframe,外掛YouTube更簡單

有了iframe,外掛YouTube更簡單

以往如果你要將YouTube影片放到自己的部落格或網站上,只能使用Flash播放器的嵌入碼,就算影片支援HTML5格式和WebM編碼,放到自己網站上時卻還是會變成Flash版本,現在YouTube準備推出新的嵌入碼,讓你的讀者可以決定他們要看Flash或是HTML版本。

新的YouTube嵌入碼拋棄了原有的JavaScript形式,而直接採用HTML中的<iframe>標籤來插入影片。新的Youtube嵌入碼長得像這樣:

<iframe class="youtube-player" type="text/html" width="640" height="385" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe>

雖然現在一般使用者還沒辦法直接從YouTube的網頁上取得這種影片嵌入碼,不過你只要將YouTube的影片ID放入「VIDEO_ID」的位置,然後直接放在你的部落格上就可以了。

有了iframe,外掛YouTube更簡單

▲YouTube的影片ID可以直接由網址取得。

新版嵌入碼可以讓你的使用者依自己的設定,選擇看到哪一種格式的影片。如果你的使用者加入了YouTube HTML5測試,那它就會看到HTML5的播放器;如果沒有加入,那他就會看到Flash版的播放器。影片插入後如下:

另外,你也可以用另一種方式來插入播放列表:

<iframe class="youtube-player" type="text/html" width="640" height="385" src="https://www.youtube.com/embed/p/PLAYLIST_ID" frameborder="0"> </iframe>

但是以這種方式插入的播放列表似乎還不支援HTML5播放:

新版的嵌入碼除了可以讓使用者選擇播放器版本外,對YouTube影片的置入方式也會有一些影響,去除JavaScript改用iframe也許可以讓一些禁用JavaScript的部落格能用簡單的方式插入YouTube影片。不過對於堅持使用標準XHTML的使用者來說,iframe則會造成困擾,因為標準的XHTML是不可以使用iframe語法的。

Mengkuei Hsu
作者

Currently not available.

使用 Facebook 留言
50b8f23b8b12b51f9d87c62fb81735cc?size=48&default=wavatar
1.  OldNick (發表於 2010年7月31日 04:18)
好像目前私自用此嵌入碼
註解會載入失敗的樣子囧
發表回應
謹慎發言,尊重彼此。按此展開留言規則