Follow for free plugins, new theme releases and theme news
Plugin Description
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="<video_id>" image="<image_placeholder_link>" width="640" height="360" thumbnail="maxresdefault"]
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="<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"]
You can also choose different sizes of the images:
Default Size: [ib_youtube video="<video_id>" thumbnail="default" height="360"]
SD quality: [ib_youtube video="<video_id>" thumbnail="sddefault" height="360"]
HD quality: [ib_youtube video="<video_id>" thumbnail="hqdefault" height="360"]
Medium quality: [ib_youtube video="<video_id>" thumbnail="mqdefault" height="360"]
Maximum resolution: [ib_youtube video="<video_id>" thumbnail="maxresdefault" height="360"]
Contributors
* This plugin was developed by Measure Marketing Results Inc..
Screenshots
Usage of shotcode
Hover effect
