Youtube FancyBox

A Youtube Fancybox uses colorbox /lightbox (thanks to Jack Moore(http://www.jacklmoore.com/colorbox/) ) to show YouTube video in a popup box on click of thumbnail which is generated from YouTube video. you can use it with shortcode in page, post and text widget.

In the backend you can generate shortcodes also you can set default height, width, and an option to play the video automatically.

Steps:

1) You can download it from WordPress repository here and install as other plugins

2) You will get plugin menu “YTubeFancyBox” at the backend.

fireshot-screen-capture-23023-27youtube-fancybox-options-e2-80-b9-mytest-e2-80-94-wordpress-27-localhost_wordpress_wp-admin_plugins_php_page-ytubefancybox-1024x498

  1. Here you can set default height and width of image thumbnail
  2. You can generate shortcode for thumbnail and image here

example code is generated below.

/[ youtube url=”https://www.youtube.com/watch?v=-P__VRsRodo” height=”150″ width=”300″ /]
/[ youtube videoid=”-P__VRsRodo” height=”150″ width=”300″ /]

3) Copy generated code and put it anywhere you want in page, post, widget

fireshot-screen-capture-23025-27edit-page-e2-80-b9-mytest-e2-80-94-wordpress-27-localhost_wordpress_wp-admin_post_php_post-2-amp-action-edit

And your are done

fireshot-screen-capture-23020-27sample-page-i-mytest-27-localhost_wordpress__page_id-2

fireshot-screen-capture-23024-27sample-page-i-mytest-27-localhost_wordpress__page_id-2

Demo :

Plugins conflicts :

Jetpack : if you don’t see output please disable Jetpack’s Shortcode Embeds option
jetpack-bug

Video Credits : Youtube and PiscesRising