The Sisters Han

The Sisters Han

Tuesday, September 19, 2006

How to imbed YouTube videos


Step-by-step guide on how to imbed YouTube videos

Please give it a try and let me know which step/s you have difficulties with.

(Note: this carries the assumption that you have already uploaded your video/s onto YouTube)

a. Go to http://www.blogger.com/start OR click the "Blogger" logo at the top left land corner of the Hansisters site.
b. At the top of page, click "Sign in to Blogger"
c. You will then be asked to sign in with ur id and password
d. Once in, u will see a page telling your account details.
e. Under Blogs, click on Blogname, "The Sisters Han "
f.  You will be brought to the "The Sisters Han " admin page.
g. Click on "Postings"
h. Then click on "Create"
i.  You should see two tabs, "Compose" and "Edit HTML"
j.  On "Compose" tab, you can write/add whatever text you like. Change the font size/type/colour etc etc.
k. Next click on "Edit HTML"
l. You will find the text that you had entered earlier on step (j) there in HTML code format.
m. Paste the "Embed" HTML code for the video that you want to show. You can get this from the uploaded video page on YouTube.
n. The code looks something like this: <embed src="http://www.youtube.com/v/EnDKUM1aE2k" width="330" height="220" type="application/x-shockwave-flash" wmode="transparent">
o. You can place the "Embed" HTML code anywhere you like. It'll just affect the placement of the video depending on where you paste the code.
p. Once pasted, you can click on "Preview" to see how your post and the video will look like.
q. If satisfied, click "Publish Post" per normal.        

PS: You can play around with video size by changing the width and height parameters in the HTML code from YouTube.
The default from the YouTube "Embed" HTML code is 425x350 but we prefer 330x220, smaller but nicer looking.