Ok its lesson 5 and its a big one!! We already tackled some of the basic elements that go into making a website, now to make our website even cooler!! Today we are going to learn how to embed video's and set the size we want the video to be. Now this time open up a fresh new page in your text editor and type out the basic's
Now there are different ways to embed video's. Today we will be using <iframes> to embed video's. Alright the basic code to iframes is this <iframes src=" put website here" width=" " height= " " </iframes> . Thats the basic format, now next parts are going to be a little tricky so pay close attention.
Now the youtube link we will be using is this. http://www.youtube.com/watch?v=9udpuQaaS64
Now will will put this inbetween the src=" youtube link goes here!! "
Now in order for this to work we need to change the youtube code after we put it in the src=" ".
Now we will change the watch? to embed/ then we will delete the v= . Our youtube link will look like this http://www.youtube.com/embed/9udpuQaaS64 . Go ahead and type it in your editor and save it as video.html . Look below to make sure your code matches.
<iframe src="http://www.youtube.com/embed/9udpuQaaS64" width="480" height="480" </iframes>
This is what the final code should look like. Go ahead a click the video.html file and it should look like this on your websrowser.
Alright we learned how to make links,images,and now embed video's. I am proud of you , we have accomplished something major!! Keep going and learning html in our next lesson. Also leave comments or feedback to keep us going. Click here to go to lesson 6