How to Embed Video

14 Responses to “How to Embed Video”

1. 

   KEVIN ELMORE April 10, 2011 at 6:33 pm #

   For some reason, my URL is not forming the sizing box and showing the video. It is copying the URL code which is visual only when clicked on.
2. 

   Shawn April 11, 2011 at 9:56 am #

   Hi Kevin,

   Be sure that you have enabled “Auto-embeds” in Settings > Media. This point is mentioned in our video, and is critical to enabling this powerful functionality.

   Hope this helps,
   Shawn
3. 

   Melonie Dappie April 24, 2011 at 10:00 pm #

   I am trying to embed a video from Youtube into a page on my website (not the blog) using the insert icon. When I enter the URL, thte title of the page only shows up as a link. Auto-embed is already enabled. How can I embed a video like the video above shows?
4. 

   Shawn April 26, 2011 at 9:22 am #

   Hi Melonie,

   I find it works best to simply place your cursor at the point in your content where you want the video to appear, and then simply paste the short version of the YouTube link at that point. If Auto-embed is enabled, and you are running a modern version of WordPress (version 3.0 or newer), the video will be automatically inserted into your page at that point.

   To be clear, the “short version” of the YouTube URL is all that is needed. Here’s an example of a properly-formatted YouTube URL:

   http://www.youtube.com/watch?v=lKwN0Ug4m6M

   Anything after the video ID may be safely removed.

   FWIW, I don’t use the small, “Add Video” icon at the top of the editor next to “Upload/Insert”. That method is for actually uploading videos to your web server; which is not generally recommended.

   But there is another way to embed video. Simply copy the embed code for the YouTube video, then switch to the HTML editor view for your WordPress page. Paste the entire chunk of code (it starts and ends with an “iframe” tag). This will embed the video the video into your page or post, but doesn’t benefit from the auto-resizing that the Auto-embed function does.

   Hope one of these methods helps!
   Shawn
5. 

   Melonie Dappie April 26, 2011 at 10:43 pm #

   Hi Shawn,
   Thanks for getting back to me so soon. I tried to directly paste the short version, and that didn’t work. The HTML Method half worked, I have a big blank screen where the video would be with a red “x” at the top of the screen. But no video shows. I was using WP 3.1.1 but just upgraded to 3.1.2. I retried both methods after updating, but still had the same results. Any other ideas?
   Thanks!
6. 

   Shawn May 4, 2011 at 9:32 am #

   Hi Melonie,

   Be sure that you’ve switched to the HTML editor mode before pasting embed code; if you paste embed code in the Visual editor mode, you’ll get strange results.

   But if you’re using HTML mode and it’s still not working, you likely have something wrong with your WordPress installation.

   Sorry I can’t be of more help without actually logging into your WP Admin area. If you’re interested in paying someone to look at it, I can either recommend some folks, or take care of it myself. Email me if interested: shawn@wp101.com

   Hope this helps!
7. 

   Lance Ward June 12, 2011 at 6:50 pm #

   I can embed on the HTML tab and save the page and go view it. But, if I come back with an edit, and switch the the visual side, it drops the videos html code and gives me a blank page. Any ideas?
8. 

   Shawn June 13, 2011 at 8:30 am #

   Hi Lance,

   Yes, the Visual Editor mode in WordPress often removes code that it doesn’t understand. My recommendation is to use the Auto-embed function instead, as the video shows.

   As a reminder, the Auto-embed function utilizes only the URL to the video, and then automatically embeds the video, based on that URL. This method works in both the HTML editor and Visual editor modes.

   Hope this helps,
   Shawn
9. 

   Soraya Chiah June 18, 2011 at 9:35 am #

   Hey Shawn
   Thanks for your video.
   Appreciate if you let me know where I can enable the Auto-embed funcion.

   Regards.
10. 

    Shawn June 18, 2011 at 9:39 am #

    Hi Soraya,
    Glad you’re finding the video to be helpful.

    It’s also covered in Part 17: Settings & Configuration, but Auto-embeds may be enabled in Settings > Media. Check the box next to the Auto-embed function to enable it.

    Enjoy the rest of the videos!
    Shawn
11. 

    Soraya Chiah June 18, 2011 at 10:21 am #

    Hey Shawn.
    Ohh !glad for your quick reply.
    I already have this enabled, and by the way that is called ” Auto-embeds”.
    But still when I past the Youtube URL …and when I hit update..the only things that I can see on the post content is the URL of the video..not the video itself.
    Wonder why !!!???
12. 

    Shawn June 19, 2011 at 11:14 am #

    See the above comment to ensure that you’re only copying/pasting the part of the URL that is critical to this function.
13. 

    Ron November 14, 2011 at 11:30 am #

    How do you remove related videos at the end?
14. 

    Shawn November 14, 2011 at 12:33 pm #

    Hi Ron,

    Unfortunately, you have no control over this. The “Related Videos” are automatically embedded by the video hosting service (YouTube, Vimeo, etc.). It’s the way they promote their own content, and you use of their service is subject to their terms and conditions. If you want more control over you own video content, you’ll have to install a 3rd-party plugin like the SublimeVideo plugin, and then host your own video files. It’s considerably more involved, but is the only way to have the most control over your own video content.

    This video tutorial is intended to show the easiest method for embedding video.

    Hope this helps,
    Shawn

Leave a Reply