Youtube with fancy zoom (This is a jQuery based fancy zoom) wordpress plugin create the youtube video gallery in the wordpress website. This plugin retrieve one random video from the video list. In admin we have separate video management page to insert the videos. We can add many videos in the admin and it will show only one video in the front end. Short code available to add the video in the pages and posts.
What is jQuery based fancy zoom? Fancy zoom is a simple, modest script used to overlay video on the current page. click and see the demo you will get understand.
Plugin demo available on sidebar check the fancy zoom video on sidebar and short code demo available below check the fancy zoom effect. Refresh this page and see the another video on sidebar.
Features of this plugin
- Simple to use.
- Fancy zoom effect for you tube videos.
- We can use this in a widget, page & post.
- Random video on widget.
- Easy styles override using css.
Installation instruction
Method 1
- Download the plugin youtube-with-fancy-zoom.zip from download link.
- Unpack the youtube-with-fancy-zoom.zip file
- Extract the /youtube-with-fancy-zoom/ folder.
- Drop the youtube with fancy zoom folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new youtube with fancy zoom plug-in listed.
- To turn the word presses plug-in on, click activate.
Method 2
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Search youtube with fancy zoom plugin using search option.
- Find the plugin and click ‘Install Now’ link.
- Finally click activate plug-in link to activate the plug-in.
Method 3
- Download the plugin youtube-with-fancy-zoom.zip from download link.
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available youtube-with-fancy-zoom.zip file and click install now.
- Finally click activate plug-in link to activate the plug-in.
Plugin configuration
Method 1
Drag and Drop the Widget: Go to widget page under Appearance tab, Drag and drop Youtube with fancy zoom widget into your side bar. its very easy.
Method 2
Add directly in the theme: Use this code to add the gallery to your Theme files.
Method 3
Add the gallery in the Posts or Pages : Copy and paste the given short code into pages or posts. Click here to see the short code.
Admin setting page
Title : This is title text for your YouTube video.
YouTube watch link : This is the YouTube video link.
Ex : http://www.youtube.com/watch?v=Vc6V4b4VgOk
YouTube code : This is to create YouTube thumbnail.
If (http://www.youtube.com/watch?v=Vc6V4b4VgOk) this is your YouTube video
then “Vc6V4b4VgOk” this is your YouTube code.
Simply the query string “v” is your YouTube code.
Thumbnail Image link (Your Thumbnail) : Put your own thumbnail image link (optional)
To display your own thumbnail image put your image in this field and set Display Image = Your Thumbnail.
Display Image : You can set what image to display at thumbnail using this field.
Your Thumbnail = This will display the image from your given link.
YouTube Thumbnail = This will display the image from YouTube.
Display Status : This is for record display status.
Put this YES always then only the record display at front end.
Sidebar Display : Put this YES always then only the record will display on widget,
The record contain Sidebar Display = YES will display at widget.
Frequently asked questions
Q1. Where to add video?
Administration → Settings → YouTube fancy zoom.
Q2. How to arrange the width of the widget thumbnail image?
For YouTube thumbnail we have two option, small and big.
Q3. What is YouTube code in the form?
If (http://www.youtube.com/watch?v=Vc6V4b4VgOk) this is your YouTube video
then “Vc6V4b4VgOk” is your YouTube code.
Q4. What is Title?
Title refers to the video title.
Q5. What is YouTube watch link?
Watch link is the complete YouTube video link
Ex: http://www.youtube.com/watch?v=Vc6V4b4VgOk
Q6. What is Thumbnail Image link?
If you want to user your own thumbnail image use this text filed and enter your image link
Q7. What is Display Image?
This option is to choose the thumbnail image
Q8. What is Display Status?
This option is to stop display video on front end. Only video have display image option YES will display on front end.
Q9. What is Sidebar Display?
This option is to stop display video on front end sidebar. Only video have display image option YES will display on front end sidebar.
I love the plugin, but it won’t zoom. I am using WordPress version 2.8.6. Any suggestions?
Please share i haven’t figured it out yet
thanks…
I figured it out . . .thanks!
Diane how did you fix it?
can this display multiple video thumbnails in the sidebar, instead of one random one?
One more question – I places four video links in a page, using the [YoutubeFancyZoom=xxxxxxxxxx] format. Three of them display properly, but one displays two thumbnails, one on top of the other.(It is the third of the four.) Any idea what is going on? If I look at the page source code, it shows two for that one, but not for others. I am using wp 3.01 with Thesis 1.7.
I tried using a custom thumbnail, and it did display, but so did the youtube one, above it. Very strange beause the other three work fine…
Nice plugin, but there is a problem with the encoding. If you want to insert a description in a language other than English (latin letters) you get question mark signs.
I fixed it by encoding it to utf-8.
While creating the table, instead of “ENGINE = MYISAM” put:
“ENGINE = MYISAM ROW_FORMAT = DEFAULT CHARACTER SET utf8 COLLATE utf8_unicode_ci”
The table creation is located at: youtube-with-fancy-zoom.php function: g_ywfz_install()
Hi there,
great plugin; I’ve found one problem, though. I don’t seem to be able to get autoplay working
On my test page: http://demo.blindfoldedmarathon.com/about/
there’s a video embedded, and I’ve set the Youtube watch link to be: http://www.youtube.com/watch?v=r9ee6I9m7MQ&autoplay=1
The browser is parsing this correctly but I still have to click the video for it to start. Any ideas please?
Hi, it is very cool plugin, thx. But I have the next problem, I have 2 videos to display. I want to show in my widget only one video, but when Yo watch video You can watch 2 videos. So, I set for 1st one – “Dis Status” and “Sidebar” – “YES”. And for 2d video: “Dis Status” – yes, and “Sidebar” – no. But on my web sometimes I see 1st video and 2d. How to fix it? Is it bug? Thank U !!!
sorry, there was some mistake. I have 2 videos to display. I want to show in my widget only one video, and when Yo watch video You can watch 2 videos. So, I set for 1st one – “Dis Status” and “Sidebar” – “YES”. And for 2d video: “Dis Status” – yes, and “Sidebar” – no. But on my web in widget sometimes I see 1st video and 2d. How to fix it? Is it a bug? Thanks
thanks you for a supporting God blessing
Is there a way to make the box bigger so I can fit a description, share options and a 300×250 ad spot? How would I do it?
Thank you
Yes, you can do, just add your custom images instead of default image.
I’m trying to implement it in the Video Page, but it doesn’t zoome
Hello, Just installed the plugin and it seems good, easy to use. My only problem is that Internet Explorer 6 generates an error, any fix for this? Also autoplay would be nice since they’ve already clicked something showing that they want to play the movie.
Hi there, I like the widget and it works great on most pages however when I use it in the sidebar of my woo theme “coffetime” the page information disappears. Any hep would be appreciated.
check whether any JavaScript in your theme is conflict with this you-tube plug-in.
I love this plugin…thank you for taking the time to create it. I have a question, though. I am building a site with pages that have different configurations. It seems that I can only drag the widget once to one page only. I need to add the widget to all of my pages. Can this be done, and how?
Thanks again!
Lori
At present we can can add this widget only one place. the sidebar.php page is common for all the page right? then u can add this widget into this sidebar.php page, then it ll render all the pages.
please reply if u have any problem.
Nevermind, I figured it out. I installed the Advanced Text Widget, then inserted the .php code into the Advanced text Widget. Works like a charm!
Lori
Lori – I’m so glad that you posted how you worked around this problem. I installed the Advanced Text Widget and just like you said, it worked. I had to mess around for a few minutes to work out a couple of kinks, but now it’s perfect. Thank you.
i love all your plugins. Youtube fancy zoom plugin is cool man, however if it works with all the website not just youtube. i mean i can embed video from Veoh or Dailymotion, its will be much better…thanks man
Hey there. First of all thanks for this great plugin. It makes our websites loog good
I have a question: At the moment you can only have 1 playlist show up in the side bar. Is it possible to have 2?? I now have the youtube thumbnail in the sidebare, when you click on it the fancy zoom thingy shows up and there is my play list. I want another thumbnail in the side bar where I can have a different playlist. One would be Youtube favourites end the other will be My video’s
Is this possible??
At present this option is not available, we ll try this in the next version.
Can someone help me, I haven’t figured out how to get the zoom to pop out from the sidebar…
thanks
I have one movie selected to display in the sidebar, but it rotates through the other movies that are marked no. Any fix?
Same here…:(
First, I would like to say that this is an excellent plugin and value all the hard work that you put in to this. Unfortunately, I noticed that there are some javascript errors which are causing some issues. Also, the code is not w3c compliant. A little more work and I think that you will have yourself a SERIOUSLY good plugin. I’ll stay tuned for the new updates. I wish I could contribute more but at this point I cannot.
I’m trying to put YT vids in posts and a page haven’t figured it out – put the codes on the pages and post and only that shows. What am I not doing right? Thanks B
I figured it out for post and pages – paste the code – then – add the vid link
Your stuff is great -I’ll make a donation when I get paid
Thanks
I am using the plugin but have a problem with my recent videos. Worked OK with MP4 but current set of videos is wmv and had a problem. What happens is: click on thumbnail the player comes up but flashes on and off several screens (maybe 15-20 seconds) before it settles on the screen with play button.
Any ideas on how to fix this?
Thanks
I fixed the flashing and added an option to show the video title above the video.
I will send it to Gopi, but if you need it in the meanwhile, e-mail me at: ronny DOT sherer AT G mail.
i love ploging
i love plugin
i like plugin
i love plogin
Hi, I love this plugin but I have a problem with other plugin (Cimy Header Image Rotator and Yet Another Featured Posts Plugin) when I active it. How can i solve?
Thanks
I love your plugin. My only suggestion would be to give an option for a white background.
Hi there, really love this plugin but could you tell me if there is a way of having the thumbnails horizontal rather than vertical which they are at the moment. Thank you
Thx for the plugin.
How can I realize it to display the largest size of the video I’ve uploaded to Youtube? E.g. 480p = 864×480 px
A click on the video shouldn’t switch to my Youtube-Account. How can I fix it?
Cheers.
Can’t seem to get title centred over box?
I am using this plugin through out a clients site but I have a custom theme and I need to use an A HREF to link an image to the script in a theme. Is there A HREF code I can use?
Doesn’t seem to work in Internet Explorer, just get white box with an x??
http://www.notapennydown.com/blog
Love this plugin! It is possible to implement fullscreen mode for playpack?
Hi Gopi,
What is the code to add video in multiple places….
Thanks a lot…
This plugin does not work properly and there appears to be no support, as I have found numerous users asking the same question: when using in sidebar as widget, clicking thumbnail image only opens youtube page – no fancy zoom! What is the deal? If I put a shortcode on a post, and use the widget, it works – but I don’t have a video to use on every post! Anybody figure out how to make this plugin work?
I have almost the same problem.
In my case it opens the youtube page and fancy zoom. Using Mozilla Firefox 3.6.16 and Wordpres 3.1.1
Sorry my English, i´m spanish.
This plugin compresses the size of the post page when there is a thumbnail on that post bage…skewing the display of the links and so forth…idea where to look for a solution?
The above is happening when I use the [YoutubeFancyZoom=xxxxxxxxxxxx]
code in a post
Really digging this cool plugin. Only one question – how would you go about disabling related videos from appearing at the end of a video? I tried to attach the commonly used “rel=0″ at the end of the URL, but it did not make a difference. How knows if my client’s competitor video or even an embarrassing video will appear after the main video concludes on the viewer.
I am also wondering how to remove the related links.’rel=0′ doesnt seem to work. I have posted this in the WordPress official extension page too. Hope the author responds soon.
Hello,
I want to use your plugin but not in a post , not with your short code [short code ].
How can i use your code in a template page
I must do this to put 3 videos horizontal by 1 line
Like this : Video Video Video
Can someone help me ?
thanks a lot
hi, nice plugin but one question – on our site we have 7 youtube videos one one wordpress page (see http://stuartryanmusic.com/main/media/). when you click one of these it flashes 6 times before it is ‘ready to go’. not sure what is causing this but i think it’s because all 7 videos are being loaded up when you click one of them (to allow you to step through them all with the next and back buttons). is there any way of stopping this flashing on load? each video is embedded like this
[ YoutubeFancyZoom=97uumNvSMzc ]
thanks
chris
I have installed the plugin and i’m using it as a widget. However, when i click on the image to view the video, the widget directs me to youtube instead of functioning the way it should. Kindly help
still not sure how to actually show more than 1 video in the sidebar… I have it set to display 5 videos, even when I’ve inserted more than 1 video, only 1 video displays in my sidebar
Don’t work zoom.
Using WP 3.1.
Doesn’t work with WP 3.1 It zooms, but only black screen
I’ve tried to upload a YouTube video. I’ve tried it numerous times. For giggles I even tried a couple of others, just to see if the problem was with the particular video. No dice.
Every time I put in the info, I get a red message at the top of the screen saying “No data Available in Database! Creat New.” That’s what I thought I was doing!
I put in the Watch Link & Code. I chose to use the YouTube thumbnail. I put “Yes” to both “Display Status” & “Sidebar Display”. I hit “Insert” and it goes back to the upload page with the above error message.
Maybe the problem is on the “Widget Settings” page. Since I can’t find any information on any of your help pages on what to put in the fields for “Thumbnail Width” & “Thumbnail Height”, I’ve left them blank.
Whatever it is, this is not working for me. I’ve used numerous YouTube widgets over the past 3 years, and all of them worked.
This one? Not so much…
Mine works fine but it has a big white border around the thumbnail which I don’t like. How can I get rid of that?
Marc
I like this plugin, but I need 4 video in sidebar.
Is it possible to solve this? Right now it show only 1.
May I suggest you add another ad placement below the demo image.
The plugin works great with IE, Firefox but it doesn’t zoom on Chrome and go straight to Youtube website instead. Please help check out my site @ http://banbecuatoi.com/blog
Thanks,
Hoang Ngo
I’d like to update that the plugin doesn’t work on the Chrome sidebar but it’s OK with posts/pages. Do you have any ideas?
The plugin does not work in IE9. The demo fails to display the video screen.
it work
This is way better than a brick & mortar establihmsent.
waiting on my ad, was hoping to have it in the may edition. I did pay for it, but no reply; plese contact me on 773 791 7771 or email me aalyhabib@yahoo.com
YouTube with fancy zoom plugin Short Code
[YoutubeFancyZoom=Bq2J76ozSSE]
[YoutubeFancyZoom=3JQ6urEFLY8]
Thanks & regards
Gopi
Now version 6.0 available. Check the live demo on this page and download the latest version from download link.
Thanks
heyy,,,
ive installed this plugin and i love it
i have some trouble
i want to show 5-10 videos in my sidebar
but there is just 1 thumbnail..
ive add 3 working videos
but the thumbnail in my sidebar just show 1
please help me ^^
Yes, in the sidebar it ll show only one random video…
i just downloaded the plugin and it look great but i wasnt able to find out how to have mutiple thumbnails on a post/page .. Is that a manual job ( you have a click button .. is it intended as a help for the img src for manual ) ?
this plugin works great but i have a problem. when i activate it, my banner did not work and when i deactivate it my banner works fine. any help?
This is one of a GREAT plugin – excellent work
I uploaded Version 6, activated it, followed your crystal clear instructions and works like a charm – sooooo cooooool
Runs on my Mac in Firefox, Safari, Crome, Camino and Opera (all the latest versions) without any problems (sorry I am not after the Windows world and have no idea if IE is doing well with it).
I am impressed with that plugin – thanks a lot for creating and sharing that
update: this killer plugin works also in Windows IE8, IE9 Firefox and Chrome
That’s the best plugin I ever installed on my WP blog
THIS PLUGIN BREAKS OTHER JQUERY PLUGINS
Stop loading the jQuery library from your own source and use enqueue_scripts as per the standards
The plugin is currently causing other jquery based plugins to break
would appreciate you fixing this asap
NOT WORK!!!
with this code^
$(document).ready(function() {
$(“#tabs”).tabs();
});
Слайдшоу
Фото
Видео
[album id=1 template=compact]
[nggallery id=7]
[YoutubeFancyZoom=YGwDHdbHR74]
thx very nice pugins
Hi, I would like to know how to set Editor role to insert youtube videos (without managing the rest of the plugin options).
Also I would like to know if instead of a random video, the widget, could display the last video inserted.
Thanks in advance.
Hi,
I try to get a YouTube video into a page, but whatever I do, I can’t get it working.
I know I am a nitwit on these things, so please can you tell me step by step what to do.
The widget works fine, but into a page ???!??!?
This is de video code: http://www.youtube.com/watch?v=mNpX3M5_EVc and I want put it on my video page.
Hope to hear from you soon.
I originally place the wrong Youtube Code when trying to insert a Youtube video. In the list of videos I see the title, but in the Code column there is no code. There is however a Youtube video image within the Code Column. there is no option presented to delete the inserted video. The video does not work correctly on the webpage.
Would anyone know how I can delete the video.
Thank you in advance, John
I have the same problem as John. The video code was inserted wrong, and now I cannot delete the video. Any ideas?
Hi John. I worked out a way to fix it. I went into the database and deleted the entry from there. Hope that helps.
Andy
Nice job Andy,
Where in the database did you find the entry?
hey , im wondering if there can be a way to also show the social sharing icons along side….somehow or other?? that would really take things to the next level!!
I truly prize your work, Great post.
Great goods from you, man. I have consider your stuff previous to and you’re just too excellent. I really like what you’ve bought here, certainly like what you’re stating and the best way in which you assert it. You make it entertaining and you still take care of to keep it sensible. I can’t wait to read far more from you. That is really a terrific web site.
reposting – didn’t get a response previously
—–
hi, nice plugin but one question – on our site we have 7 youtube videos one one wordpress page (see http://stuartryanmusic.com/main/media/). when you click one of these it flashes 6 times (various mac browsers) before it is ‘ready to go’. not sure what is causing this but i think it’s because all 7 videos are being loaded up when you click one of them (to allow you to step through them all with the next and back buttons). is there any way of stopping this flashing on load? each video is embedded like this
[ YoutubeFancyZoom=97uumNvSMzc ]
is there any way of fixing this? i’ve upgraded to v6 by the way.
many thanks
chris
Valuable information. Lucky me I found your web site unintentionally, and I’m shocked why this twist of fate did not happened in advance! I bookmarked it.
is there any way to put the title underneath the youtube generated thumbnail? i see the title in a tool tip, but i would rather see the title under the thumb. thanks
Wendy
widget work for me , but it inhibit the function of the plugin “header image slider” .
Hello,
It is nice you publish for free any of your work and thank you for this.
My problem is that i use Greek Language on titles and it show like ????????, it is possible to use it on UTF-8 code?
Thank you in advance
Simply want to say your article is as astonishing. The clarity in your submit is just excellent and i can think you are an expert in this subject. Well with your permission let me to seize your RSS feed to keep up to date with imminent post. Thank you 1,000,000 and please carry on the rewarding work.
I’av got the same problem what chris dawson is having and I need to fix it , any help would be appreciated and do_shortcode isn’t working , I was trying to fetch all videos from db to show them dynamically without using that same shortcode for all videos ??
Thanks,
Manu
Hello,
I add your plugging, add videos in the gallery, add the code in the template.
I see the video. When i click on it, there is not zoom effect, no light box, this is directly link to Youtube.
Do you have a solution get the lightbox (zoom effect) ?
Thanks
It means JS not included into your website…
Has the jQuery issue been addressed yet? This still breaks other jQeury objects on my page. Other than that works great.
Thank you.
Cool weblog! How can I reveal it within the social networks?
I added this plugin and uploaded 5 YouTube videos , but problem is when i click any video all video loaded at same time.
Demo http://www.schandedutech.com/try-out-demo/
Anyone can help me.
Thanks
you can use this plugin ->
http://www.tipsandtricks-hq.com/wp-content/uploads/plugins/wp-video-lightbox/wp-video-lightbox.zip
same lightbox with same effects but one video at a time . But with this you don’t have to upload youtube video’s content , you just have to use shortcode ..
[video_lightbox_youtube video_id=R2vAlnt7RKA width=640 height=480 anchor=http://cdn.butyoureagirl.netdna-cdn.com/wp-content/uploads/2010/01/wordpressbluelarge_2-300x300.png]
I loved this plugin for two weeks, then it quit playing on a video player directly on my home page.
When I click the thumbnail now it goes to the youTube website to play my video. What Happened, better yet how do I FIX IT?
I am getting the same problem…any fixes?
Nice plugins thanks for share….
Confident Rakeback will be the best way to lift up your Profits wth Poker online.
Hi I am getting an error with the plugin. Tried a few videos to make sure.
Request unsuccessful: error
Any thoughts?
hi , i instaled this plugin on my wordpress, but i have a question, how change size on appears widget …
Thanks
Hello, is there any way to get the videos to line up horizontally and not vertically on a site? I am using custom thumbnailpics. Thanks for a great plugin!
i’am be happy because this pugin.,
thanks,.
Works on sidebar great but does not appear on page with shortcode. Thanks
let me know issue…
not works on internet explorer, no distinction, may be someone know the solution? ,Even the 9 version does not work.
How can i change the size of the pop out window?
Hello! nice work!
But i have some strange appearence. Some strange strings, Like a table. CAn u help me?
http://screencast.com/t/a9QjelAI4
My video will not load, when the box opens.
Hi, is there any way to automatically list down all the videos on a page?
Refer to the link http://www.richamorindonesia.com, the video on my loop page produces only js codes, while on the single page is working nicely.
Can you help me fix the codes? I need to show the thumbnails on my videos.
Thanks. Anyway it’s a good plugin, I like it. Good job.
Hi First of all this plugin is amazing!!.. i love it.. but one annoying little thing.. Is there any way i can change the size of the videos showed on my webpage.. they are a bit small for my taste..
I would like to show the videos in the same size as they do on you tube, width=”560″ height=”315″
But again thanks for an amazing plugin
Hi and thanks for this plugin.
Dont work on my website. YT video showing in widget doesnt zoom, the same thing happen in other place on website. Only if I use [YoutubeFancyZoom=XXX] in post, zoom works fine.
How can I fix it ?
Regards.
Hi,
thanks for the great plugin.
How do you change the size of the popup box though? Clicking the link brings up the pop-up window fine but the video is very small. How can we make the display size of the video bigger.
Are there some parameters that you need to add to the shortcode for the height and width of the video?
Thanks
Hi,
please take a look to http://www.sands-international.org/produkte/hydretain/videos/. Do you know why the plugin take nine white screens when it’s loading? Thanks for your support.
Hi Carl,
I have the same problem of flashing when loading. Have you already known how to solve it?
I am having the same issue!
Hi, I love this plugin!
Is there a way to insert a youtube embedded link? I want the video to end without “Show suggested videos when the video finishes.”
Here is my link I am trying to insert:
I would appreciate any feedback!
Thanks!
I was having the same issue as others.. as to, every time I try to insert a record, it wont insert anything and will just transfer me back to the same page.. I did a little debugging and it seamed that the error was caused by the `ywfz_expire` field… at the time of creating the table this field was set as not null, yet the script was not inserting the date correctly.. so I modified this field and set it to null.
Now I finally got a record
Good luck!
It’s difficult to find well-informed people on this topic, but you seem like you know what you’re talking about! Thanks
Past nations were detyrosed because of their crimes against humanity. Israel cannot get away with this. Its contrary to the laws of nature. They are bringing their own destruction and they do not realize it.
Hi,
Thanks a lot for the plugin, it´s great!!! Do you know why the plugin flash white screens when it’s loading?
Love the plugin. It really helps with what we’re trying to do with the site.
What I liked when I had youtube in an iframe – which of course doesn’t zoom or for some reason allow fullscreen (and yes I’ve tried allowfullscreen=”true” was that I could add &rel=0 which would stop it from showing ‘related content’ at the end of the video. ‘related content’ typically leads to competing websites.
Can that be added to the plugin somehow?
Chris
how can I make my videos display horinzontally?