Home » jQuery 外掛

[jQ]jYoutube 1.0

[ 日期： | 瀏覽：10,828 | 迴響：5 ]
範例 1
請協助我把這個效果加到我的網站 (只要 300 元)
沒錯!只要 300 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jyoutube_1_0

Youtube 會把影片弄成預覽圖讓未播放前顯示用，因此 jYoutube 作者就找出它圖片的規則來取得連結，讓我們能快速的偷偷用它的圖片。

套件名稱：jYoutube
套件版本：1.0
作者網站：http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html
套件網址：http://plugins.jquery.com/project/jyoutube
發佈日期：2009-05-15
檔案大小：1 KB
檔案下載：jyuotube.js

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7

url(必填)
描述： 影片的網址或是 video id
預設值： 無
 
size(選填)
描述： 要取得的影片大小；允許的值有 "big" 跟 "small"
預設值： "big"

方法說明：

檢視原始碼 JavaScript
1
2

// 取得指定網址或是 video id 影片的圖片
$.jYoutube(url, size);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jyuotube.js"></script>
<script type="text/javascript">
	$(function(){
		// 透過 video id 來取得圖片
		$("<img />").attr("src", $.jYoutube("Qa4JylAuTNc")).appendTo("#pic1");
 
		// 透過完整的影片網址來取得指定的小圖片
		$("<img />").attr("src", $.jYoutube("http://www.youtube.com/watch?v=616WIqd7SBg", "small")).appendTo("#pic2");
	});
</script>
 
<body>
	<h3>大圖 - 潛龍諜影：和平先驅 TGS09宣傳影片 PSP</h3>
	<div id="pic1"></div>
 
	<h3>小圖 - FFXIV-2009 東京電玩展宣傳影片</h3>
	<div id="pic2"></div>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

5 筆針對 [jQ]jYoutube 1.0 的迴響

  1. 有辦法幫這種圖片加連結嗎＠＠？
    像是按圖片連到影片
    這樣比直接在網頁嵌入 YouTube 的　Flash 播放器還省資源

    我剛剛想了很久
    還是想不到
    只知道不是從jyuotube.js裡面改

    其實理想上
    很想改成：按圖片才切換改載入 YouTube 的 Flash 播放器
    不過那樣好像更麻煩XD

    只是來留一下
    問問意見
    我繼續想XD

    • 1.點圖片後連到該網址是可以的啊..你只要多用一個超連結把 img 包起來就可以了
      2.要點圖片後直接嵌播放器的話也是可以..只是要自己在 img 加上 click 事件

    • Youtube 是因為它本身就會產生縮圖了，所以才利用這樣的特性來取得圖片。
      至於無名可能也是要看它本身是否有這樣的功能可以偷偷的使用吧~

發表迴響