Giving your audience a short break from reading to enjoy an entertaining YouTube clip is always a nice treat. Instead of directing them off-site via a link, embed the clip right in the body of your blog. Embedding video is only slightly more complicated than uploading images, but it causes more problems for users than any other function I've already discussed.
Go to YouTube and find a clip that you'd like to share. Below the video player, there should be a button labeled "Embed." Click that and copy the HTML code that appears (sometimes, you'll get a notice that embedding had been disabled, so beware). Below the image uploader on your editing window, you'll notice a box labeled "Embed videos." Paste your code right in there and upload. The HTML will be converted into BBCode which can be easily added to your post as such:
Wait! You're not finished! This embed suffers the same problem as an off-site hosted image. Many web videos are 640px wide and must be resized to avoid cropping. Here's the original embed code for the Panty & Stocking
clip above: <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/nEpy0znKHWs" frameborder="0" allowfullscreen></iframe>
We need to change the width and height values. I like all my videos to be 620 x 378 because it'll display widescreen video accurately and 4:3 video with black bars on the side as on a TV. So I alter the numbers: <iframe title="YouTube video player" width="620" height="378" src="http://www.youtube.com/embed/nEpy0znKHWs" frameborder="0" allowfullscreen></iframe>
When I upload the new code, I get this:
Compare this to the previous embed. It's a subtle but clear difference.
Can you embed video from sites other than YouTube? As long as the video in question has HTML embed code, of course you can! Here's a video from GameTrailers:
The embed code from some sites can be quite long. Your quest is to find every
height and width value and change them accordingly. Missing a single value may or may not screw up your embed, but as mama always said, it's better to be safe than sorry.
Can you embed media other
than video, like a music player? Hell yes, you can! The Zero Cool
cats do it all the time! As long as the associated media has embed code, you are in the clear:
If you are still with me, congratulations! Again, let me know if you have further questions or if you find error with any of my instructions. Now get writing!
LOOK WHO CAME:
Lord Death of Murder Mountain 1