How are you trying to add the videos? the you tube embed code available under any you tube video should work in the html edotir for posts or pages.
As deepbevel mentioned, you can just grab the embed code from those sites and switch over to the HTML editor and paste it in.
Otherwise I suspect what you’re after is a light box. A light box is a window that pops up that you can display things like images and videos in.
A good plugin to use for this and have it auto pull in youtube videos would be this one:
http://ww.wp.xz.cn/extend/plugins/easy-fancybox/
Check out the FAQ page down the bottom there’s a note about how to use it for Youtube videos, etc.
Hope that helps!
Ok great i got the pics to work with lightbox . I still need help with the videos .
In my page attributes i have the following selected as a template “Portfolio page 4 Columns” This means i will have four columns of frames . I have 4 Posts in the page named 1,2,3 and 4 .
I already have lightbox fancy installed. How can i add a video to the frame and not to the post so when i click on the image the video starts playing
You have to create the linkage in the image code, tell it to use the fancybox class.
you can mod your given embedd code so it has the fancybox class added to the code like this, but your own image code, this is for one of my sites, tested and works.
<a href="http://www.youtube.com/watch?v=QrzrY1Za8oE&list=AL94UKMTqg-9D946_wabrjtrEOyb9HWj0C&index=2&feature=plcp" class="fancybox">
<img class="alignleft size-medium wp-image-108" title="Play Ball" src="http://hollymedbery.com/hollymedbery-wp/wp-content/uploads/2012/04/Picture-129-300x148.jpg" alt="" width="300" height="148" /></a>
Also, you have to go to the fancybox settings and tell it to open youtube vids in the fancybox.
open youtube vids in fancy box is all set and i added your lines into my #1 post html , here is what i get, click on the link , the video doesn’t play wehn i click on the frame http://www.megalivestream.com/video/
It will only show me the picture , if i remove the img class , then i don’t see anything .
ooooh, that’s my exact code pulling my image!
you have to do this with your code, let me try to brake it down:
this is where you put the link to your you tube video, replace my link with yours.
<a href="http://www.youtube.com/watch?v=QrzrY1Za8oE&list=AL94UKMTqg-9D946_wabrjtrEOyb9HWj0C&index=2&feature=plcp" class="fancybox">
This is the link to my image of Biz (my dog)
Use your standard image embed code but change the link of the img src to your selected image file, that’s all you do. Don’t use this code. It’s just so you’ll know what I’m talking about.
<img class="alignleft size-medium wp-image-108" title="Play Ball" src="http://hollymedbery.com/hollymedbery-wp/wp-content/uploads/2012/04/Picture-129-300x148.jpg" alt="" width="300" height="148" /></a>
deepbevel ,
I understand , i was just lazy to change the code to my image , regardless it should work in your link as well but it is not .
Here is what i have and it is still not working
<img class=”alignleft size-medium wp-image-108″ title=”Dog Picture” src=”http://www.megalivestream.com/wp-content/uploads/2012/06/galebgaleb.jpg” alt=”” width=”300″ height=”148″ />
what is intersting , if i click on view post from the post edit page , it takes me to this link where it works like it should
http://www.megalivestream.com/2012/06/27/galeb-galeb/
but when i click on video from my main page to this link http://www.megalivestream.com/video/
#1 post which is not showing me the video , only shows the image and when clicking on it it display the image instead of the vide.
long story short , how can i make so when i click on the image the video plays instead of picture light box frame shows up with a bigger image ?
Thanks
I’m not sure what’s up, it works for me exactly as posted.
wonder if you’re running a plugin which might tbe bugging fancy box?
It’s really weird that it would be different from the post, sounds deep. might try disabling all plugins except fancybox.
I tried that it didn’t work – Anyone out there ? i am using themeforest theme called purevision . Thanks in advance
Okay, I know now, those are different images on the fromt end, possibly “featured images” in an archive. You have to apply this to those images, where ever their code resides. Being I’m not familiar with the theme (possibly premium?) I’d be of little help.
