Youtube 影片嵌入語法參數說明

今天來正式面對前一陣子朋友問Youtube影片嵌入參數一整個霧煞煞的問題(差不多拖稿了兩個月以上了!!!) Orz

我們都知道~Youtube如何嵌入 Blogger! (應該都知道吧....)
就如下圖到Youtube選定目標影片，按下"嵌入"，複製/貼上就ok了....


But!! 當語法貼上後(如下)，眼尖的朋友一定很聰明地發現到這段語法好像有什麼參數可以調整，沒錯，以下這是一個最簡單的嵌入語法。
<object height="344" width="425">
<param name="movie" value="http://www.youtube.com/v/tm2t6mTvX-U&hl=zh_TW&fs=1&">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/tm2t6mTvX-U&hl=zh_TW&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


基本上以上除了嵌入的寬(Width)跟高(height)，以下是我曾經用過的常用到的參數!
[rel]
播放結束是否要顯示相關影片，值為0 或 1，預設值為1(即要顯示相關影片)

[autoplay]
是否自動播放影片，值為0或1，預設值為0(即不自動播放)
你可以在上面的URL裡加入&autoplay=1來自動播放。

[loop]
是否循環播放。值為0或1，預設值為0(即不循環)。
你可以在上面的URL裡加入&loop=1來循環播放。

[disablekb]
是否提供鍵盤快速鍵，值為0或1，預設值為0，開啟鍵盤快速鍵。
你可以在上面的URL裡加入&disablekb=1來開啟：
   空格：暫停/播放
   左：重新播放
   右：前進10%
   上下：音量調節

[border]
設定是否顯示影片的外框，值為0或1，預設值為0(即不顯示)

[start]
影片開始播放的時間點，例如你要從第20秒開始播放
只要在上面的url加上&start=20即可。

[fmt]
播放影片格式，目前Youtube提供普通畫質、高畫質格式上面的url加上
&fmt=6影片就會用高畫質格式播放
&fmt=18除了用高畫質"影片原始尺寸"播放。

[width, height] 
影片預設的寬度與高度，若不想要影片只想聽音樂，可以將height設為24，剛好只顯示播放控制列。


所以今天若你有以下需求：
1. 播放結束時不要顯示相關影片 [rel=0]
2. 影片自動播放 [autoplay=1]
3. 影片循環播放 [loop=1]
4. 從第30秒開始播放 [start=30]


上面的嵌入語法url這段，加上以下藍色字體就可以囉!!
http://www.youtube.com/v/tm2t6mTvX-U&hl=zh_TW&fs=1&rel=0&autoplay=1&loop=1&start=30;

透過Friendly.Flickr下載所有相片集照片

今天一位忠實讀者問我如何下載Flickr某相片集的照片，順倒提醒了我還有這荒廢已久的部落格，拖搞很久，正式回覆這位太太或大嬸朋友囉!

首先您要先download這工具：
Friendly.Flickr 2.8.1 下載處 (請download後解壓縮到電腦，以下圖為例，我放在D:\下)
(請到搖擺天秤的程式開發日誌確認是否是最新版本，以上是我寫這篇文章時最新的2.8.1版)



時間過的真快，就要說明步驟的同時，電視傳來「成功了～We did it!」，我家兒子要跟Dora Say goodbye了～ 陪小朋友去! 不要走開等我回來!)

我回來了...繼續!!

第2步: 執行 d:\Friendly.Flickr.2.8.1\Friendly.Flickr\ 目錄下的 Friendly.Flickr.exe 程式就打開了!!


接下來...







照著以下七張圖Step by Step就完工啦! 耶~~~ 成功了!! We did it!! 有沒有很簡單呀!

Blogger HTML/Javascript 應用: 顯示目前年紀

先看成品...


怎麼做?
Step1:進Blogger管理畫面-->版面配置-->網頁元素
Step2:新增「新增小工具」-->「HTML Javascript」


Step3:把以上原始碼貼上去，紅色字體處調整一下即可!
<script language="JavaScript">
<!--年齡計算語法_開始-->
RightNow = new Date();
var year = RightNow.getFullYear();
var month = RightNow.getMonth();
var day = RightNow.getDate();
var t_yy = 0;
var t_mm = 0;
var t_dd = 0;
var b_yy = '1975';
var b_mm = '12';
var b_dd = '28';

t_yy = year - b_yy - 1;

if ( month + 1 > b_mm){
t_mm = month - b_mm ;
t_yy++;
}else
t_mm = 12 - b_mm + month;

if (day > b_dd){
t_dd = day - b_dd;
t_mm++;
}else
t_dd = daysInMonth(month, year) - b_dd + day;

if (t_dd > daysInMonth(month, year)-1){
t_dd = 0;
t_mm++;
}

if (t_mm > 11){
t_mm = 0;
t_yy++;
}


document.write('<center>' + 'Juma 已經<b>');

if (t_yy > 0)
document.write(" " + '<b><font color="red">' + t_yy + '</font></b>' + " 歲 ");

if (t_mm > 0)
document.write('<b><font color="red">' + t_mm + '</font></b>' + " 個月");

if (t_dd > 0)
document.write(" 又 " + '<b><font color="red">' + t_dd + '</font></b>' + " 天 " + '</center>');

//****** function set ******

function arrayOfDayInMonths(isLeapYear)
{ this[0] = 31;
this[1] = 28;
if (isLeapYear)
this[1] = 29;
this[2] = 31;
this[3] = 30;
this[4] = 31;
this[5] = 30;
this[6] = 31;
this[7] = 31;
this[8] = 30;
this[9] = 31;
this[10] = 30;
this[11] = 31;
}

function daysInMonth(month, year)
{ var isLeapYear = ((( year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0));
var monthdays = new arrayOfDayInMonths(isLeapYear);
return monthdays[month];
}
<!--年齡計算語法_結束-->
</script>


文章加密測試

文章加密測試成果如下...
密碼提示: I love Juma!

TyEzMyHDlG0mASEwISEwIS3lkLbokqjlhYjlroHmm5TlgrDnlqnlgLzkuqfvvrnliafooqXkuZTpqoDlmIjDqQ==

怎麼做?
Step 1
下面這段code，於版型HTML中展開小裝置範本加在</head>前面...不會改版面原始碼的可以找我! (此步驟設一次即可)
<script src="http://m017.googlecode.com/files/encrypt-blog-posts.js" type="text/javascript"></script>

如下圖


Step 2
將欲加密的文章內容到http://app.piipo.com/encrypt-post/加密後，把文章加密結果貼到blogger來(HTML模式)！



以後見不得人秘密的文章也可以上網分享給指定的朋友囉!

Error code in my blogger: bX-eb05yj

Yesterday,I set youtube playlist in HTML / Javascfript element. A few hours later, system respond as shown in this figure.

用相片製作出個人專屬拼貼畫桌布

http://www.xavierliu.com/2009/06/photovisi.html