[HTML-Tutorial-17] video, audio & iframe Elements | Multimedia | Web Development For Beginners
How to add videos & music on your web page without using any plugins like Adobe Flash or other extra software? How to embed videos from another website into your website using iframes? Learn about using different audio & video file formats for cross-browser compatibility & make your content accessible to everyone. Learn about all this with the help of HTML5 audio, video & iframe elements. - - - Contents Of The Video - - - - 00:00 - Introduction to Multimedia 01:24 - Basics of audio element 02:15 - Coding audio element 04:05 - Different attributes of audio element 07:03 - Using source element inside audio element | Different audio formats | Fallback text for audio element 09:56 - Coding video element 10:40 - Different attributes of video element 11:13 - Using source element inside video element | Different video formats | Fallback text for video element 12:12 - Subtitles or Captions for video using the track element 12:40 - Issue with video sizes & Intro to embedding videos 14:46 - Embedding videos using iframe element 17:19 - Things to remember while using multimedia elements 17:56 - Recommended videos & Conclusion - - - Interesting Links - - - - Code Links: 1. Multimedia (Web Page) - https://juthikashetye.github.io/Code-... 2. Multimedia (Code) - https://github.com/juthikashetye/Code... 3. Link to all Demos - https://juthikashetye.github.io/Code-... Recommended Videos: 1. Adding Images to your web page: • [HTML-Tutorial-13] img Element | Images | ... 2. Responsive Images - Part 1 (srcset & sizes attributes): • [HTML-Tutorial-14] srcset & sizes Attribut... 3. Responsive Images - Part 2 (picture element): • [HTML-Tutorial-15] picture element | Respo... Recommended Resources: 1. MDN Web docs (Video Element) - https://developer.mozilla.org/en-US/d... 2. W3 Schools (Video Element) - https://www.w3schools.com/html/html5_... 3. MDN Web docs (Audio Element) - https://developer.mozilla.org/en-US/d... 4. W3 Schools (Video Element) - https://www.w3schools.com/html/html5_... 5. W3 Schools (Multimedia) - https://www.w3schools.com/html/html_m...
![[HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development](https://i.ytimg.com/vi/ay1fi0pK2-0/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBdurFBvIF9fnckgCz39M_7HZhbZA)
[HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development
Why & When to Use Semantic HTML Elements over Divs
Learn Web Design For Beginners - Full Course
![React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat](https://i.ytimg.com/vi/9vZ8ELqerPo/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB_hhLXovYNLtVk2BabJ2yfQPTMuw)
React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat
HTML Forms and Inputs | HTML5 Tutorial for Beginners
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Course | Intellipaat
HTML Tutorial for Beginners: HTML Crash Course
Bossa Nova Jazz for Autumn Coffee Cup Mornings | Cozy Cafe Music for Study and Work
Lounge Deep House Vibes | Ultimate July Background Music & Instrumental
HTML Full Course - Build a Website Tutorial
Introducing Divs and controlling them with classes and ids
Deep Focus 🌱 Morning Routine 🍃 Lofi Hip Hop - Lofi Summer for calm - study - relax
MOST CHEAP STREET FOOD IN AFGHANISTAN | KABULI PULAO | ROAS CHICKEN | BIRYANI RECIPE | STREET FOOD
China Is About To Pop The AI Bubble
HTML Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours
4 Hours of Deep Focus Music for Studying - Concentration Music For Deep Thinking And Focus
HTML Tutorial - How to Make a Super Simple Website
Learn HTML – Full Tutorial for Beginners
The only tags you need when first learning HTML
