官方網站 http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html
js下載點 http://plugins.jquery.com/files/jyuotube.zip

介紹

YouTube(http://www.youtube.com/)是一個非常知名的影像網站，影片瀏覽起來速度還蠻快的，也因此很多網站在想要顯示影片時，都會連到這個網站。作法上有很多種，假使我們今天希望在自己的網站放置某個YouTube影片的截圖，然后點截圖才連到YouTube網站去瀏覽影片，這個截圖的動作有沒有比較簡單的做法呢?jQuery的Plugin--jYouTube提供了很簡單就可以達到目的的方法，讓我們來看看要怎么處理吧!

Code
small:usevideoURL<br/>
<imgsrc=''id='img1'><br/>
big:usevideoID<br/>
<imgsrc=''id='img2'>

<scripttype="text/javascript"src="jquery-1.2.6.min.js"></script>
<scripttype="text/javascript"src="jyuotube.js"></script>
<scripttype="text/javascript">

$(function(){

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

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

})

</script>

解說

Code
<scripttype="text/javascript"src="jquery-1.2.6.min.js"></script>
<scripttype="text/javascript"src="jyuotube.js"></script>

這兩行是加載必要的js。

jYouTube的寫法很簡單，如下：

Code
$.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則顯示小的截圖。實際顯示的效果可參照本文開頭的范例圖。

總結

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

作者：酷客多小程序

出處：
http://www.cnblogs.com/ywqu

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

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

總結

以上是生活随笔為你收集整理的[jQuery Plugin]抓取YouTube影片的截图 jYouTube的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。