[jQuery Plugin]抓取YouTube影片的截圖 jYouTube

<b>介紹</b><b></b>

<b></b>

Code

small : use video URL&lt;br /&gt;

&lt;img src='' id='img1'&gt;&lt;br /&gt;

big   : use video ID &lt;br /&gt;

&lt;img src='' id='img2'&gt;

&lt;script type="text/javascript" src="jquery-1.2.6.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="jyuotube.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

$(function(){

    var imgSrc = $.jYoutube('http://www.youtube.com/watch?v=hPzNl6NKAG0', 'small');

    var imgSrc2 = $.jYoutube('hPzNl6NKAG0');

    $('#img1').attr('src',imgSrc);

    $('#img2').attr('src',imgSrc2);

})

&lt;/script&gt;

<b>解說</b>

這兩行是加載必要的js。

jYouTube的寫法很簡單，如下：

$.jYoutube('hPzNl6NKAG0'); //指定YouTube的影片ID後回傳一個大的截圖網址

$.jYoutube('http://www.youtube.com/watch?v=hPzNl6NKAG0', 'small'); //指定YouTube的影片網址後回傳一個小的截圖網址

也就說，jYoutube會使用到兩個參數，第一個參數你可以設定為YouTube的影片ID(如:hPzNl6NKAG0)或是YouTube的影片網址(如:http://www.youtube.com/watch?v=hPzNl6NKAG0)；第二個參數則是希望顯示的截圖大小，如果保留白白則顯示較大的截圖，相對的如果輸入small則顯示小的截圖。實際顯示的效果可參照本文開頭的範例圖。

<b>總結</b><b></b>

jYouTube提供了很簡單就能取得YouTube影片的截圖，在需要大量引用時比用printscreen來的快速，提供給大家做個參考。

版權

作者：靈動生活 郝憲玮

如果你認為此文章有用，請點選底端的【推薦】讓其他人也了解此文章，

本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。