{"id":67,"date":"2010-07-18T09:50:09","date_gmt":"2010-07-18T09:50:09","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=67"},"modified":"2021-09-05T08:16:17","modified_gmt":"2021-09-05T08:16:17","slug":"youtube-with-fancy-zoom","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/youtube-with-fancy-zoom\/","title":{"rendered":"YouTube with fancy zoom WordPress plugin"},"content":{"rendered":"\n<p>YouTube with fancy zoom is a jQuery-based fancy zoom WordPress plugin. This will create a YouTube video gallery on your website. This plugin retrieve one random video from the video list. In the administrator section, we have a separate video management page to insert the videos. We can add many videos in the admin and it will show only one random video in the front end. Shortcode is available to add the video to the pages and posts.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>What is jQuery based fancy zoom?<\/strong> Fancy zoom is a simple,  modest script used to overlay video on the current page. click and see  the demo you will get understand.<\/p><\/blockquote>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple to use.<\/li><li>Fancy zoom effect for you tube videos.<\/li><li>We can use this in a widget, page &amp; post.<\/li><li>Random video on widget.<\/li><li>Easy styles override using css.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/random-image-gallery-with-fancy-zoom\/\">Random image gallery with fancy zoom<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">YouTube with fancy zoom<\/h2>\n\n\n<link rel='stylesheet' href='http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/jquery.fancybox.min.css' type='text\/css' \/>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/jquery.fancybox.min.js\" type=\"text\/javascript\"><\/script>\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t<div style=\"text-align:center;\">\n\t\t<a data-fancybox href=\"http:\/\/www.youtube.com\/watch?v=ad_higXixRA\"> \n\t\t  <img decoding=\"async\" src=\"http:\/\/img.youtube.com\/vi\/ad_higXixRA\/0.jpg\" width=\"336\" \/>\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin youtube-with-fancy-zoom.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> link.<\/li><li>Unpack the <strong>youtube-with-fancy-zoom.zip<\/strong> file.<\/li><li>Extract the \/youtube-with-fancy-zoom\/ folder.<\/li><li>Drop the youtube with fancy zoom folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In WordPress administration panels, click on plug-in from the menu.<\/li><li>You should see your new youtube with fancy zoom plugin listed.<\/li><li>To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li>Search <strong>YouTube with fancy zoom<\/strong> plugin using search option.<\/li><li>Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin youtube-with-fancy-zoom.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> link.<\/li><li>Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your word-press admin.<\/li><li>Select upload plugin button.<\/li><li>Upload the available youtube-with-fancy-zoom.zip file and click install now.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<p>Drag and Drop the Widget: Go to the <strong>Widgets<\/strong> page under the <strong>Appearance<\/strong> menu, Drag and drop <strong>YouTube with a fancy zoom<\/strong> widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<p>Add directly in the theme: Use the below code to add the gallery to your Theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;youtube-fancy-zoom videoid=\"0\"]' ); ?><\/code><\/pre>\n\n\n\n<p>$videoid = 0 : Randomly display any one from the available video (else mention your video id).<\/p>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<p>Add the gallery in the Posts or Pages : Copy and paste the given short code into pages or posts. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;youtube-fancy-zoom videoid=\"0\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Admin setting page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>YouTube with a fancy<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/youtube-with-fancy-zoom.png\" alt=\"YouTube with fancy WordPress plugin\"><\/figure>\n\n\n\n<p><strong>Title<\/strong>: This is the title text for your YouTube video.<\/p>\n\n\n\n<p><strong>YouTube watch link:<\/strong> This is the YouTube video link.<\/p>\n\n\n\n<p>Ex: http:\/\/www.youtube.com\/watch?v=Vc6V4b4VgOk<\/p>\n\n\n\n<p><strong>YouTube code:<\/strong> This is to create a YouTube thumbnail.<\/p>\n\n\n\n<p>If (http:\/\/www.youtube.com\/watch?v=Vc6V4b4VgOk) this is your YouTube video<\/p>\n\n\n\n<p>then \u201cVc6V4b4VgOk\u201d this is your YouTube code.<\/p>\n\n\n\n<p>Simply the query string \u201cv\u201d is your YouTube code.<\/p>\n\n\n\n<p>Thumbnail Image link (Your Thumbnail): Put your own thumbnail image link (optional)<\/p>\n\n\n\n<p>To display your own thumbnail image put your image in this field and set Display Image = Your Thumbnail.<\/p>\n\n\n\n<p><strong>Display Image :<\/strong> You can set what image to display at thumbnail using this field.<\/p>\n\n\n\n<p>Your Thumbnail = This will display the image from your given link.<\/p>\n\n\n\n<p>YouTube Thumbnail = This will display the image from YouTube.<\/p>\n\n\n\n<p><strong>Display Status :<\/strong> This is for record display status.<\/p>\n\n\n\n<p>Put this YES always then only the record display at front end.<\/p>\n\n\n\n<p><strong>Sidebar Display:<\/strong> Put this YES always then only the record will display on the widget,<\/p>\n\n\n\n<p>The record contain Sidebar Display = YES will display a widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to upload my videos to this plugin?<\/strong><\/p>\n\n\n\n<p>In this plugin, we do not have video upload options. Upload your videos to YouTube and use the YouTube link in this plugin dashboard to show your videos. Use the below navigation link to add your videos to this plugin.<\/p>\n\n\n\n<p>Go to Dashboard >> Settings >> YouTube fancy zoom.<\/p>\n\n\n\n<p><strong>Q2. How to arrange the width of the widget thumbnail image?<\/strong><\/p>\n\n\n\n<p>For YouTube thumbnail we have two options, small and big. based on your selection this plugin automatically loads your thumbnail images from YouTube.<\/p>\n\n\n\n<p><strong>Q3. What is the YouTube code in the admin video add\/edit page?<\/strong><\/p>\n\n\n\n<p> If (http:\/\/www.youtube.com\/watch?v=Vc6V4b4VgOk) this is your YouTube video<br> then \u201cVc6V4b4VgOk\u201d is your YouTube code.<\/p>\n\n\n\n<p><strong>Q4. What is the title of my video on the admin add\/edit page?<\/strong><\/p>\n\n\n\n<p>Title refers to the video title.<\/p>\n\n\n\n<p><strong>Q5. What is YouTube watch link?<\/strong><\/p>\n\n\n\n<p>Watch link is the complete YouTube video link<br>Ex: http:\/\/www.youtube.com\/watch?v=Vc6V4b4VgOk<\/p>\n\n\n\n<p><strong>Q6. What is a thumbnail image link?<\/strong><\/p>\n\n\n\n<p>If you want to user your own thumbnail image use this text filed and enter your image link.<\/p>\n\n\n\n<p><strong>Q7. What is Display Image?<\/strong><\/p>\n\n\n\n<p>This option is to choose the thumbnail image.<\/p>\n\n\n\n<p><strong>Q8. What is Display Status?<\/strong><\/p>\n\n\n\n<p>This option is to stop display video on the front end. Only videos that have a display image option YES will display on the front end.<\/p>\n\n\n\n<p><strong>Q9. What is Sidebar Display?<\/strong><\/p>\n\n\n\n<p>This option is to stop display video on front end sidebar. The only videos that have the display image option YES will display on front end sidebar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/youtube-with-fancy-zoom\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/youtube-with-fancy-zoom\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/08\/04\/youtube-with-fancy-zoom-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/08\/04\/youtube-with-fancy-zoom-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"fodgpPBQG0\"><a href=\"https:\/\/wordpress.org\/plugins\/youtube-with-fancy-zoom\/\">Youtube with fancy zoom<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Youtube with fancy zoom&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/youtube-with-fancy-zoom\/embed\/#?secret=fodgpPBQG0\" data-secret=\"fodgpPBQG0\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>YouTube with fancy zoom is a jQuery-based fancy zoom WordPress plugin. This will create a YouTube video gallery on your website. This plugin retrieve one random video from the video list. In the administrator section, we have a separate video management page to insert the videos. We can add many videos in the admin and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[92,223,6,175,5,93,94],"class_list":["post-67","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-fancy","tag-fancyzoom","tag-plugin","tag-video","tag-wordpress","tag-youtube","tag-zoom"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}