Kimbro's Study - Website Tutorial
For absolute beginners - step by step.
Website Tutorial - Inserting Videos.
Inserting videos on website pages.For this exercise lets look at inserting a video from YouTube into this page.
The first step is to go to YouTube and get the "embed code" for the video we want to place on this page.
You will find the embed code on the right hand side of the videos.
At YouTube right click inside the "Embed" box, then select. "select All" from the drop down menu, then copy and paste the code into the source code of your web page.
Here is an easy way to find the right place within your source code to paste the embed code. If you wanted to place the video in the center of the page below this line then type:
XXXXXXXX
Now click on your "Source" tab at the
bottom of the page to view your html source and look for
>XXXXXXXX< in your source code. Place your curser between
the >and the first X like >|X and use the delete key on
your keybord till you are left with >|< use Ctrl+V on
your keybord to paste the embed code you copied from YouTube between
the >< into your source code. It should look like this
within your sourc code:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gwK72TyTZ3U&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gwK72TyTZ3U&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
and result in a blank space on your page until you save the page and view it in your browser. Then the result will be a working video in the center of your page, like below.
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gwK72TyTZ3U&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gwK72TyTZ3U&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
and result in a blank space on your page until you save the page and view it in your browser. Then the result will be a working video in the center of your page, like below.
If you want the video to appear on the left of your page or on the right just place the XXXXXXXX on the left or right side of your page.
You can also place the video within a table and surround it with text as we did in the insert images excercise.
TIP:
You can not see the video in edit mode, only in the browser mode.You can copy and paste the video embed code into Notepad and save it, ready to insert to your pages when you are ready. Then copy and paste it from Notepad to your source code.
important: Never save code in email or Word documents - this will corrupt the code and it won't work.
Go to next step adding banners.