<html>
<body>
</body>
</html>
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.
<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.youtube.com/embed/9udpuQaaS64" width="480" height="480" </iframes>
</body>
</html>
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
No comments:
Post a Comment