官方網(wǎng)站 http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html
js下載點(diǎn) http://plugins.jquery.com/files/jyuotube.zip

介紹

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

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的寫法很簡(jiǎn)單，如下：

Code
$.jYoutube('hPzNl6NKAG0');//指定YouTube的影片ID后回傳一個(gè)大的截圖網(wǎng)址
$.jYoutube('http://www.youtube.com/watch?v=hPzNl6NKAG0','small');//指定YouTube的影片網(wǎng)址后回傳一個(gè)小的截圖網(wǎng)址

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

總結(jié)

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

作者：酷客多小程序

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

如果你認(rèn)為此文章有用，請(qǐng)點(diǎn)擊底端的【推薦】讓其他人也了解此文章，

本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。