補上最後一塊拼圖
Phoca Gallery 在先前版本就已經可以將 YouTube 影片如同照片一樣作為分類下項目瀏覽,只是代表影片的縮圖圖片得自行製作,讓阿寶覺得有再加強的空間。而從 3.1.0 版開始讓管理者可從YouTube 網站匯入YouTube 影片的標題、描述、縮圖資料,補齊原先不足的地方。接下來就讓阿寶以圖文方式介紹匯入方法:
Step 01:前往YouTube 網站,找到想要匯入的影片頁面,點選「分享」按鈕。
Step 02:YouTube 會提供「http://youtu.be/xxxxx」影片短網址,點選右方「顯示選項」文字,然後勾選右方「完整連結」則會出現影片的完整網址。
Step 03:按「嵌入」按鈕則會顯示影片嵌入碼,朋友如果需要在文章中加入YouTube 影片請複製這段到文章中。相關文章請參考〈解決文章嵌入程式碼會被吃掉的問題〉。
Step 04:回到網站管理區Phoca Gallery 元件畫面,以「新增圖片」的方式新增YouTube 影片項目。請點選工具列「新增」圖示。
Step 05:在「影片代碼(Youtube)」欄位輸入YouTube 提供的資料,Phoca Gallery 允許四種輸入方式:
- 貼入影片嵌入碼:可透過修改部分內容改變影片播放大小、允許全螢幕播放等功能。
- 輸入YouTube 影片短網址,如:http://youtu.be/xxxxx。
- 輸入YouTube 影片完整網址,如:http://www.youtube.com/watch?v=tbqw62MkkR4。
- 點選「選擇YouTube 影片」按鈕,輸入YouTube 影片網址後取得影片資訊,阿寶選擇此方式進行後續動作。
Step 06:在「YouTube 連結」欄位輸入YouTube 影片網址,選擇影片隸屬分類,最後按下「匯入」按鈕完成動作。
Step 07:從YouTube 網站取得影片資料了,「檔案名稱」是自網站取得的影片縮圖。請點選「貼上載入資料」可將影片資料匯入Phoca Gallery 欄位。
Step 08:在「檔名」欄位點選「選擇檔案」,選擇自YouTube 網站取得的圖片縮圖。
Step 09:代表影片的縮圖也指定完畢了,現在可以點選工具列圖示儲存內容,朋友可以透過修改「影片代碼(YouTube)」欄位中影片嵌入碼內容完成變更。
Step 10:完成新增動作,加入的YouTube 影片以圖片項目出現在「圖片列表」畫面。
▲YouTube 影片在圖片細節視窗播放
YouTube 影片匯入功能注意事項
- 請記得開啟「啟動縮圖產生功能」(位於「主要」分頁),製作「分類顯示」與後台「圖片列表」畫面要顯示的縮圖。
-
透過「圖片細節」畫面播放影片僅適用於以下設定(以iframe 方式):
●標準跳出視窗(Standard Popup Window)
●Modal Box 特效(Modal Box)
●Highslide JS 特效(Highslide JS)
●boxplus 特效(boxplus)
●無跳出(No Popup)