
內容簡介
本外掛提供您在網站中優化 YouTube 影片的能力。預設情況下,如果您在網站中直接嵌入 YouTube 影片的程式碼,則會在每次出現 YouTube 影片時下載 YouTube 播放器。
本外掛會向觀眾顯示影片縮圖,只有當使用者按下播放圖示時才會載入 YouTube 影片。
如何運作?
在使用者按下播放按鈕之前,YouTube 影片將不會載入網站中。
簡碼模式:
[ib_youtube video="<video_id>" image="<image_placeholder_link>" width="640" height="360" thumbnail="maxresdefault"]
範例 1-有嵌入連結且自訂橫幅:
[ib_youtube video="https://www.youtube.com/embed/ZfaqLBRP5Yo" image="http://example.com/image.jpg"]
範例 2-使用一般的 YouTube 觀看連結且不使用橫幅(縮圖會自動產生):
[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo"]
範例 3-為您的影片自訂寬度和高度:
[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo" width="560" height="315"]
參數
- video(必填):您可以使用 YouTube 影片 ID 或直接加入 URL。
- image(選填):縮圖 URL 的完整網址。預設會顯示影片縮圖。
- width(選填):圖片/影片的寬度。預設值為 640px。
- height(選填):圖片/影片的高度。預設值為 360px。
- thumbnail(選填):管理影片縮圖。您可以根據以下說明選擇大小:
每個 YouTube 影片都會生成 4 張圖片。它們的格式通常如下:
[ib_youtube video="<video_id>" thumbnail="0" height="360"]
[ib_youtube video="<video_id>" thumbnail="1" height="360"]
[ib_youtube video="<video_id>" thumbnail="2" height="360"]
[ib_youtube video="<video_id>" thumbnail="3" height="360"]
您也可以選擇不同的圖片大小:
預設大小:[ib_youtube video="<video_id>" thumbnail="default" height="360"]
標清質量:[ib_youtube video="<video_id>" thumbnail="sddefault" height="360"]
高清質量:[ib_youtube video="<video_id>" thumbnail="hqdefault" height="360"]
中等質量:[ib_youtube video="<video_id>" thumbnail="mqdefault" height="360"]
最高解析度:[ib_youtube video="<video_id>" thumbnail="maxresdefault" height="360"]
貢獻者
* 本外掛由 Measure Marketing Results Inc. 開發。
外掛標籤
開發者團隊
原文外掛簡介
This plugin gives you the ability to optimize the YouTube videos on your website. By default if you use the direct embeded code in your website, then it downloads the YouTube player on every occurance of YouTube video.
This plugin show a video thumbnail to your viewer and loads the YouTube video only when user click on the play icon.
How does it work?
Untill the user click on the play button, the YouTube will not load on the website.
Short code Pattern:
[ib_youtube video="
Example 1 – With Embed Link and Custom Banner:
[ib_youtube video="https://www.youtube.com/embed/ZfaqLBRP5Yo" image="http://example.com/image.jpg"]
Example 2 – With a normal YouTube watch link and no banner(Thumbnail generated automatically):
[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo"]
Example 3 – With customized width and height for your Video:
[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo" width="560" height="315"]
Parameters
– video (Required): You can use either YouTube video id or directly add the url.
– image (Optional): Full URL of the thumbnail url. By default it shows the thumbnail of the video.
– width (Optional): Width of the image/video. Default value is 640px.
– height (Optional): Height of the image/video. Default value is 360px.
– thumbnail (Optional): Manage the thumbnail of the video image. you can follow the instruction below to choose the size:
Each YouTube video has generated 4 images. They are predictably formatted as follows:
[ib_youtube video="
[ib_youtube video="
[ib_youtube video="
[ib_youtube video="
You can also choose different sizes of the images:
Default Size: [ib_youtube video="
SD quality: [ib_youtube video="
HD quality: [ib_youtube video="
Medium quality: [ib_youtube video="
Maximum resolution: [ib_youtube video="
Contributors
* This plugin was developed by Measure Marketing Results Inc..
