華燈初上

Joomla! 資訊網站

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
    註冊
    • 忘記你的帳號?
    • 忘記你的密碼?

    使用社群網站帳號登入

    你目前位置:  
  1. 首頁
  2. Joomla!
  3. 元件文章
  4. 加入 Youtube 影片至 Phoca Gallery
11 十一月 2011

加入 Youtube 影片至 Phoca Gallery

補上最後一塊拼圖

  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 允許四種輸入方式:

  1. 貼入影片嵌入碼:可透過修改部分內容改變影片播放大小、允許全螢幕播放等功能。
  2. 輸入YouTube 影片短網址,如:http://youtu.be/xxxxx。
  3. 輸入YouTube 影片完整網址,如:http://www.youtube.com/watch?v=tbqw62MkkR4。
  4. 點選「選擇YouTube 影片」按鈕,輸入YouTube 影片網址後取得影片資訊,阿寶選擇此方式進行後續動作。

Step 06:在「YouTube 連結」欄位輸入YouTube 影片網址,選擇影片隸屬分類,最後按下「匯入」按鈕完成動作。

Step 07:從YouTube 網站取得影片資料了,「檔案名稱」是自網站取得的影片縮圖。請點選「貼上載入資料」可將影片資料匯入Phoca Gallery 欄位。

Step 08:在「檔名」欄位點選「選擇檔案」,選擇自YouTube 網站取得的圖片縮圖。

Step 09:代表影片的縮圖也指定完畢了,現在可以點選工具列圖示儲存內容,朋友可以透過修改「影片代碼(YouTube)」欄位中影片嵌入碼內容完成變更。

Step 10:完成新增動作,加入的YouTube 影片以圖片項目出現在「圖片列表」畫面。

YouTube 影片在圖片細節視窗播放
▲YouTube 影片在圖片細節視窗播放

YouTube 影片匯入功能注意事項

  1. 請記得開啟「啟動縮圖產生功能」(位於「主要」分頁),製作「分類顯示」與後台「圖片列表」畫面要顯示的縮圖。
  2. 透過「圖片細節」畫面播放影片僅適用於以下設定(以iframe 方式):
    ●標準跳出視窗(Standard Popup Window)
    ●Modal Box 特效(Modal Box)
    ●Highslide JS 特效(Highslide JS)
    ●boxplus 特效(boxplus)
    ●無跳出(No Popup)

back to top
  • 上一篇文章:如何設定文章限制閱覽:登入後閱讀文章全文 如何設定文章限制閱覽:登入後閱讀文章全文
  • 下一篇文章:favicon 製作最速傳說:Phoca Favicon favicon 製作最速傳說:Phoca Favicon

服務條款 隱私權條款© 1999 - 2019 創用 CC 授權條款華燈初上由 A-Bo Lee 製作,以創用CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款釋出。All Rights Reserved. Powered by Helix3

Joomla!® is the trademark of Open Source Matters, Inc. in the United States and other countries. The Joomla!® name is used under a limited license granted by Open Source Matters. 華燈初上 is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
 
為使您有最好的使用體驗,本網站使用 cookies 功能記錄您的喜好。
We use cookies to ensure that we give you the best experience on our website.
我同意 / I accept