Title: Adding Video to posts
Last modified: August 20, 2016

---

# Adding Video to posts

 *  [xdrivex](https://wordpress.org/support/users/xdrivex/)
 * (@xdrivex)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/)
 * I am hoping someone can help , i have been struggling to a video for a while .
   my main issue is in my website [http://www.megalivestream.com/sample-page-2/](http://www.megalivestream.com/sample-page-2/)
 * I simply want to add a video inside not available frame for each post. This video
   can be youtube,vimeo, AVI, wma …etc or any other video file. I want to be able
   to click on “Not available” in any frame frame and the video starts playing .
   I was able to somehow manage to add the video but it takes me to youtube.com 
   website . I want to be able to click on the video and it opens a small window
   page and starts playing the video without taking me to the website where i grabbed
   the video from ? Do i need to install any plugs for the window video window frame
   that pops out and plays the video ? here is an example of how i want my page 
   to look like with four colum [http://idesignmywebsite.com/purevision/?page_id=124](http://idesignmywebsite.com/purevision/?page_id=124).
   by the way in my pages section i can see 4 colum portfolio as an option .
 * any help is greatly appreciate it . Thanks in advance

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2850962)
 * 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.
 *  [Josh Kohlbach](https://wordpress.org/support/users/jkohlbach/)
 * (@jkohlbach)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2850996)
 * 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://wordpress.org/extend/plugins/easy-fancybox/](http://wordpress.org/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!
 *  Thread Starter [xdrivex](https://wordpress.org/support/users/xdrivex/)
 * (@xdrivex)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851067)
 * 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
 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851073)
 * 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>
       ```
   
 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851074)
 * Also, you have to go to the fancybox settings and tell it to open youtube vids
   in the fancybox.
 *  Thread Starter [xdrivex](https://wordpress.org/support/users/xdrivex/)
 * (@xdrivex)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851079)
 * 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/](http://www.megalivestream.com/video/)
   
   It will only show me the picture , if i remove the img class , then i don’t see
   anything .
 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851086)
 * 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>
       ```
   
 *  Thread Starter [xdrivex](https://wordpress.org/support/users/xdrivex/)
 * (@xdrivex)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851089)
 * 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
    [](http://www.youtube.com/watch?v=y9K18CGEeiI)
 * <img class=”alignleft size-medium wp-image-108″ title=”Dog Picture” src=”[http://www.megalivestream.com/wp-content/uploads/2012/06/galebgaleb.jpg&#8221](http://www.megalivestream.com/wp-content/uploads/2012/06/galebgaleb.jpg&#8221);
   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/](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/](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
 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851090)
 * 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.
 *  Thread Starter [xdrivex](https://wordpress.org/support/users/xdrivex/)
 * (@xdrivex)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851092)
 * I tried that it didn’t work – Anyone out there ? i am using themeforest theme
   called purevision . Thanks in advance
 *  [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * (@deepbevel)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851093)
 * 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.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Adding Video to posts’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 3 participants
 * Last reply from: [deepbevel](https://wordpress.org/support/users/deepbevel/)
 * Last activity: [13 years, 11 months ago](https://wordpress.org/support/topic/adding-video-to-posts/#post-2851093)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics