Sourabh Agrawal

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.
<h4>How does it work?</h4>
Untill the user click on the play button, the YouTube will not load on the website.
Short code Pattern: 
<pre><code>[ib_youtube video="<video_id>" image="<image_placeholder_link>" width="640" height="360" thumbnail="maxresdefault"]
</code></pre>
Example 1 – With Embed Link and Custom Banner: 
<pre><code>[ib_youtube video="https://www.youtube.com/embed/ZfaqLBRP5Yo" image="http://example.com/image.jpg"]
</code></pre>
Example 2 – With a normal YouTube watch link and no banner(Thumbnail generated automatically): 
<pre><code>[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo"]
</code></pre>
Example 3 – With customized width and height for your Video: 
<pre><code>[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo" width="560" height="315"]
</code></pre>
<h4>Parameters</h4>
– 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:
<pre><code>[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"]
</code></pre>
You can also choose different sizes of the images:
<pre><code>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"]
</code></pre>
Contributors 
* This plugin was developed by <a href="https://measuremarketing.net/" rel="nofollow ugc">Measure Marketing Results Inc.</a>.

WP YouTube Video Optimizer

This is the #1 WordPress plugin that helps you to optimize the YouTube videos on your website by using simple shortcode.

Must Use Plugin for YouTube Videos

The #1 wordpress plugin that helps you optimize the YouTube videos on your site by using simple shortcode(s).

Joshua David Nelson

This small plugin moves scripts to the footer. Note that this only works if you have plugins and a theme that utilizes <code>wp_enqueue_scripts</code> correctly.
You can disable the plugin on specific pages and posts directly via the post/page edit screen metabox.
You can disable the plugin on specific archive pages (blog page, search page, post type and taxonomy archives) via the settings page.
Everything Broken? Try placing jQuery back into the header via Settings > Scripts to Footer, “Keep jQuery in the Header” checkbox. If that doesn’t work, refer to the walkthrough below for using the <code>stf_exclude_scripts</code> filter for the script that is causing the issue.
Check out the <a href="https://github.com/joshuadavidnelson/scripts-to-footer/wiki" rel="nofollow ugc">documentation</a> on <a href="https://github.com/joshuadavidnelson/scripts-to-footer" rel="nofollow ugc">GitHub</a> or some quick walkthroughs below.
<h4>Keeping specific Scripts in the Header</h4>
As of version 0.6 you can now keep specific scripts in the header. Note: this will print any scripts they depend on as well (if you want to keep <code>jquery-effects-core</code> in the header, you’ll also get <code>jQuery</code> in the header, so no need to add both).
Specifically for jQuery, see the settings page option, as it is a common request we’ve built it into the settings.
For any other scripts, use this filter:
<pre><code>add_filter( 'stf_exclude_scripts', 'jdn_header_scripts', 10, 1 );
function jdn_header_scripts( $scripts ) {

 $scripts[] = 'backbone'; // Replace 'backbone' with the script slug

 return $scripts;
}
</code></pre>
You will need the correct script slug, which is used when the script is registered, and the script will only be printed into the header if it’s enqueued. Check out the scripts that come registered <a href="https://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress" rel="nofollow ugc">out-of-the-box with WordPress</a>.
Note: As of version 0.6.3, <a href="https://codex.wordpress.org/Conditional_Tags" rel="nofollow ugc">conditional tags</a> will work with the <code>stf_exclude_scripts</code> filter.
<h4>Custom Post Type Support</h4>
If you’re comfortable with code you can use the <code>scripts_to_footer_post_types</code> filter to change the post types this applies to (it only applies to pages and posts by default). For example, if you have a custom post type called “project” you could add support for this metabox via the post type filter like this:
<pre><code>function stf_add_cpt_support( $post_types ) {

 $post_types[] = 'project';

 return $post_types;
}
add_filter( 'scripts_to_footer_post_types', 'stf_add_cpt_support' );
</code></pre>
<h4>Excluding Pages/Posts/Templates Via Filter</h4>
You can either use the checkbox option to disable the plugin’s action on a specific page/post, or you can utilize a filter. The filter also passes the post/page id, if there is one (archive templates don’t have ids!).
For example, for the “page” post type:
<pre><code>function stf_exclude_my_page( $exclude_page, $post_id ) {

 if ( is_front_page() ) {
 $exclude_page = 'on'; // this turns on the "exclude" option
 }

 return $exclude_page;
}
add_filter( 'stf_page', 'stf_exclude_my_page' );
</code></pre>
Replace <code>stf_page</code> with <code>stf_post</code> for posts, or the slug of your custom post type. For instance, a post type called “project” can be filtered with <code>stf_project</code>.
<h4>More Documentation</h4>
<a href="https://github.com/joshuadavidnelson/scripts-to-footer/wiki" rel="nofollow ugc">See the plugin’s wiki</a>.
<h4>Development / Contributing</h4>
<a href="https://github.com/joshuadavidnelson/scripts-to-footer" rel="nofollow ugc">View this plugin on GitHub</a>.
<h4>Support</h4>
Please feel free to open a <a href="https://github.com/joshuadavidnelson/scripts-to-footer/issues" rel="nofollow ugc">Github Issue</a> to report conflicts or goto <a href="https://wordpress.org/support/plugin/scripts-to-footerphp" rel="ugc">the WP.org support forum</a>. If there is something wrong with Scripts-to-Footer, we’ll update it. However, if it’s a another plugin or theme we can only contact the developer with the issue to attempt to resolve it.

Scripts To Footer

Your plugin deserves lots of love and support, added to favourite. I will make sure to recommend it as much as possible. Thank you so much dear Developer.

Reliable, I can trust, happily using since 2 months

Move your scripts to the footer to help speed up perceived page load times and improve user experience.

WP YouTube Video Optimizer vs Scripts To Footer