Add Video to Webpages with Video and iFrame Elements
► Embedding video was not always an easy endeavor. Before HTML5, web browsers did not have a universal standard for defining media files as we do now and the web was short on the rich interactive media experiences we take for granted.
Now we have the HTML video and iframe elements which give us two different ways to include video on our web pages.
The iframe element allows us to embed one web page or parts of a web page into another. Websites like YouTube and Vimeo give us a selection of options to use the iframe element to embed their videos on our web pages.
The HTML video element allows us to add videos to our web pages from a local source - like from our own computer.
We will look at how we can adjust the size of a video and make it responsive. We also learn how to add video controls using attributes and how to make videos autoplay and loop.
► Timestamps:
0:00 Start
1:30 The video element
1:55 MDN page on the video element
2:15 Creating a video element
2:42 The src attribute
3:02 Live Server
3:32 We need attributes to use the video element correctly
4:02 Units and the width attribute
5:22 Video is an inline element
6:22 Video controls
7:51 Autoplay & looping
8:37 Thumbnails
9:51 Embedding video from external sources
10:20 YouTube embedding
12:01 Vimeo embedding
12:33 Summary
► Links used in the video:
MDN Video Element: https://developer.mozilla.org/en-US/d...
MDN iFrame Element: https://developer.mozilla.org/en-US/d...
SpaceX video from YouTube: • "The Falcon has landed" | Recap of Fa...
SpaceX video from Vimeo: https://vimeo.com/64615482
► The HTML for Absolute Beginners Playlist: • HTML for Absolute Beginners
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Watch video Add Video to Webpages with Video and iFrame Elements online without registration, duration hours minute second in high quality. This video was added by user Craig A. Bourne 20 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,603 once and liked it 177 people.