以往如果你要將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」的位置,然後直接放在你的部落格上就可以了。
▲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語法的。
註解會載入失敗的樣子囧