Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Friday, June 19, 2015

Embed a YouTube Video

YouTube Logo
If you have a website or maintain a blog, you may want to include a YouTube video to make it more interesting.

Adding the URL to the video is a simple way to do that.  For example:

But YouTube makes it easy to embed the video into your blog or email post, like this:

But how do you do this?  It's rather easy.

When viewing a YouTube video, look for the "Share" link under the video.  Click it to show several other options.

The first option, "Share" will give you a short URL you can use, like

The second option "Embed" is the key to adding the video into the blog or website:

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

This is the html code that you'll include in the html code for the blog or website.  Most blogs let you access the HTML side of a post.  Drop the embed html from the YouTube into your html page and then return to the Compose side of your blog post.  Your video will now be displayed.

So to recap:

    1. Click the Share link under the video.
    2. Click the Embed link.
    3. Copy the html code provided in the expanded box.
    4. Paste the html code into your blog or website.

And that's that.  A bit of behind the scenes coding will make your blog or website look great with embedded video.



One Cool
Cool Tips for a Cooler Life!