close

優美客補充題-圖片播放器



 



相信在上一篇變化題中,多數人已經知道優美客的音樂如何應用於網誌或部落格中,上一篇是如何取得音樂及語法,在這一篇中,將介紹圖片播放器,網頁不只有音樂,也可以來點不同的圖片變化喔!


首先,你要進入優美客首頁 http://www.youmaker.com/video/index.html



進入圖片區或是利用右方的搜尋器來查找,輸入你要搜尋的關鍵字後,可能會找到多個結果,看你是想要有附加音樂的或是純圖片!





我選擇其中一個來作示範,點入某一個搜尋結果後,會進入播放頁面,你會看到圖片及音樂都自動播放了!






在右方的Embed框,將其中的語法複製下來,就可以取得語法了!






你貼上在網頁上,會像這個樣子,有點難看吧!所以我們接下來,再來分解語法!






先把你複製下來的語法,先貼到筆記本,如上圖,有二個區塊,因為我選擇的有音樂的圖片機,所有會看到二個不同的SWF播放器,如上圖黃線,而藍色框是圖片機的語法,綠色框是音樂的語法,而紫色框是優美客的連結廣告語法,可以刪除,藍色與綠色框中間,有二個<br>這是用來分隔圖片與音樂播放器,你可以刪除一個<br>讓圖片緊連音樂播放器。


先來看圖片機語法的部份,我刪掉部份非必要的文字,所以剩下以下這些字串


<EMBED src="http://www.youmaker.com/imagerem.swf" width="450" height="338" flashvars="file=優美客圖片連結位置&rotatetime=7&shuffle=false&transition=random&shownavigation=true&linktarget=_blank&backcolor=0xFFFFFF&autostart=true&linkfromdisplay=false&link=&overstretch=0&repeat=true" />




藍字的部份,就是圖片機播放參數,每個參數都以 & 連結,我們一一來查看!
rotatetime=7  變換時間,設定幾秒換一張,數字愈大換張愈慢!
shuffle=false 是否隨機換圖 false是依順序播圖 true是隨機換圖
autostart=true 自動播放 false是不自動
repeat=true 重複播放 false是不自動
linktarget=_blank 設定點擊播放器時,連結到影片頁的連結開啟方式,_blank 是在新視窗開啟,_top表示使用原來視窗,請用小寫表示,因為可能會因為瀏覽器不同而無法識別!
link= 連結位置已內定優美客影片網址,無法修改,可刪除參數

transition=random 換頁效果,設定圖片在換張時,是否要使用特效,預設是random,也可以設為no,比較結果如下







shownavigation=true 是否顯示圖片播放控制列,預設為true ,可自行修改為false,效果如下






backcolor=0xFFFFFF 圖片播放器背景色,只要改變0x後面的色碼即可改變背景色,含控制列的底色!色碼表參考 點我找顏色 (只取#後的六碼,貼在0x後即可)

當圖片小於播放器大小時,又沒設定伸展的話,就會看到背景色了






linkfromdisplay=false 點擊圖片播放器任何地方是否可連結回影片網址

若linkfromdisplay=true時,只要點擊圖片播放器任何地方,都會連到優美客影音位置,若設為false時,除了點上圖的區塊以外,點任何地方是換下一張圖!






overstretch=true 伸展圖片,當圖片小於播放器時,是否要伸展圖片



再來就是改變播放器的大小,預設的圖片機寬是450高338,若想要在自訂欄位使用的話,請自行修改width="125" height="100"


而在音樂播放器方面,詳細參數請參考優美客-奇摩變化題 中的參數說明,目前在優美客中取得的音樂語法中,已經將自動播放參數改為不自動播放了,所以在各位取得音樂語法時,若想自動播放,請先修改下方範例中橘字的部份,將autostart=false修改為autostart=true,這樣才能自動播放,如果你使用的是圖片+音樂,在圖片機若有修改寬高,那麼在以下綠色的width,最好也修改為與圖片機相同寬度!

<EMBED src="http://www.youmaker.com/m.swf" width="450" height="19" flashvars="file=http://www.youmaker.com/video/v%3Fid%3Dc131834ee03e44c1b482c564c16b4a1a001%26nu%3Dnu&linkfromdisplay=true&showdigits=true&autostart=false&repeat=true&showfsbutton=false&showeq=true" />


圖片機示範,自訂欄位寬高125*100/去除控制列/音樂自動播放/<br>刪除一個





若要貼在文章區中,寬高可不必改,貼上前,先切換為「觀看HTML」原始碼,再貼上語法喔!
 

 

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 sun 的頭像
    sun

    ✿落入凡塵惹塵埃❤揮袖無語問蒼天

    sun 發表在 痞客邦 留言(0) 人氣()