[筆記] Embed Youtube player

December 2, 2010

Reading time ~1 minute

以往嵌入Youtube video到網頁中要貼一大堆醜醜的object tag像是:

<object width=“640” height=“385”><param name=“movie” value=“http://www.youtube.com/v/VIDEO_ID?fs=1&hl=zh_TW”></param><param name=“allowFullScreen” value=“true”></param><param name=“allowscriptaccess” value=“always”></param><embed src=“http://www.youtube.com/v/VIDEO_ID?fs=1&hl=zh_TW” type=“application/x-shockwave-flash” allowscriptaccess=“always” allowfullscreen=“true” width=“640” height=“385”></embed></object>

後來股溝大神….提供了一個新的方式, 這方式不用太過複雜的tag (說穿了不過就是用iframe包裝起來), 而且會隨使用者設定選擇到底是用Flash還是HTML5 player :

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

底下是實際的範例: