現在很多網站都喜歡在網站首頁上崁入youtube影片播放,但是如果影片太多,網站開啟速度就會變慢,最好的方法就是放個影片的代表圖然後點了連到網站模組內頁或自訂頁面來播放影片,youtube在建立影片的時候已經很貼心的幫我們做好了各種尺寸的縮圖如下:
範例影片網址
https://www.youtube.com/watch?v=lDK9QqIzhwk
縮圖大小
480*360 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/0.jpg
120*90 影片開始小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/1.jpg
120*90 影片中間小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/2.jpg
120*90 影片結尾小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/3.jpg
120*90 影片縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/default.jpg
320*180 影片大圖沒黑邊
http://img.youtube.com/vi/lDK9QqIzhwk/mqdefault.jpg
640*480 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/sddefault.jpg
1280*720 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/maxresdefault.jpg
其中紅字部分為影片的縮圖編號名稱,與網址後面的編號是一樣的,所以我們只需要擷取網址後面的編號就能用youtube的縮圖了。
假入要開發一個PHP影片播放模組的區塊功能,讓USER點擊影片代表圖進到影片內容頁,可以先吧youtube的影片網址儲存到資料表中,然後在於區塊程式中讀出youtube網址欄位,然後加上以下的 substr();擷取網址後面的編碼(預設值為-11由最後面開始往前擷取11個字元)
<?php
$youtubelink="youtube網址";
$youtubeimg = substr($youtubelink, -11);
$youtubeimgok="<a title='前往觀看影片' href='影片內容頁連結網址'><img src='http://img.youtube.com/vi/".$youtubeimg."/sddefault.jpg'></a>";
echo $youtubeimgok;
?>
其中的sddefault.jpg可以改成上面的檔名來顯示縮圖的尺寸,例如只需要一個小小的縮圖,那就用0.jpg即可,這樣程式就能自動顯示youtube縮圖不用再自己做圖檔了,多省事阿。
教學撰寫: 徐嘉裕 Neil hsu
範例影片網址
https://www.youtube.com/watch?v=lDK9QqIzhwk
縮圖大小
480*360 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/0.jpg
120*90 影片開始小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/1.jpg
120*90 影片中間小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/2.jpg
120*90 影片結尾小縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/3.jpg
120*90 影片縮圖
http://img.youtube.com/vi/lDK9QqIzhwk/default.jpg
320*180 影片大圖沒黑邊
http://img.youtube.com/vi/lDK9QqIzhwk/mqdefault.jpg
640*480 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/sddefault.jpg
1280*720 影片大圖
http://img.youtube.com/vi/lDK9QqIzhwk/maxresdefault.jpg
其中紅字部分為影片的縮圖編號名稱,與網址後面的編號是一樣的,所以我們只需要擷取網址後面的編號就能用youtube的縮圖了。
假入要開發一個PHP影片播放模組的區塊功能,讓USER點擊影片代表圖進到影片內容頁,可以先吧youtube的影片網址儲存到資料表中,然後在於區塊程式中讀出youtube網址欄位,然後加上以下的 substr();擷取網址後面的編碼(預設值為-11由最後面開始往前擷取11個字元)
<?php
$youtubelink="youtube網址";
$youtubeimg = substr($youtubelink, -11);
$youtubeimgok="<a title='前往觀看影片' href='影片內容頁連結網址'><img src='http://img.youtube.com/vi/".$youtubeimg."/sddefault.jpg'></a>";
?>
其中的sddefault.jpg可以改成上面的檔名來顯示縮圖的尺寸,例如只需要一個小小的縮圖,那就用0.jpg即可,這樣程式就能自動顯示youtube縮圖不用再自己做圖檔了,多省事阿。
教學撰寫: 徐嘉裕 Neil hsu
留言
張貼留言