After my previous post about How to Upload Video To Youtube, and now Busby SEO Test blog would like to add more tutorial related to Youtube which is How to embed or display Youtube Video To Blog Post, it seems easy but you have no idea that there’s so many people still don’t know to embed Youtube video to their post.
Ok let’s get started, firstly visit youtube.com and search for video you want to embed to your post, and grab all the embed code, just like in the following screen shot:
Copy the embed code, and then paste it within your post (into html page of your post). And publish your post.
You can also edit the size of your video, but change the default width and height to the sise that fit you, see the part that I bold in the following embed code:
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object>
If you want your video width and height to be larger and higher increase the default number, or to be smaller just decrease the number in the part I bold.
Not just that, you can also add an additional features like putting the title and description so your readers will immediately find out what the video is all about, by adding title and description, put the title within <h1> Youtube Video Title </h1> and the description within <p>Video Description</p>, thus make it looks like this:
<h1>Youtube Video Title</h1>
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object> <p>Video Description</p>
If you found the Youtube video position doesn’t fit your entire posting, you could also change the position of the video by adding <div> tag before the embed code the and </div>after the embed code, just like this one (let’s assumed you want to locate the Youtube video to the right):
<div align=”right”>
<h1>Youtube Video Title</h1>
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object> <p>Video Description</p></div>
Do the same if you want the video to the right or center. That’s the tutorial to embed video or display Youtube video to your blog post.
About Isa Nagib