Complete HTML Media Embedding Tutorial: Video, Audio, iFrames, PDFs & Browser Support

Описание: Notes & Codes: https://naseebncs.github.io/HTML_CSS_...

HTML CSS PART 1 Lecture 11

Discover the crucial iframe and the less common embed and object elements for embedding external content like YouTube videos and other documents. We'll show you how to check browser compatibility quickly with the text Caniuse tool and share pro tips and tricks for responsive design and optimization.

Topics Covered:
How to show YouTube videos on your website.
The correct way to use HTML video and audio tags.
Methods for displaying PDFs and plain textual files.
In-depth look at iframe usage and security.
When to use the embed and object elements.
Leveraging text Caniuse for browser compatibility checks.

👍Like, 💬Comment, 📤Share, 🔔Subscribe: NaseebCodeStudio and Start learning NOW and MASTER🔥 IT / CS skills for Free💸!

🕰️ Timestamps OR Topics🕰️
00:00 Introduction to HTML Media Embedding
00:18 Downloading Videos and Audios
01:50 Organizing Files / Media
02:10 SEO Tip
02:33 The HTML video Element: How to embed video content
03:10 Caniuse tool: How to check for browser compatibility
04:52 Video Element Attributes (controls, autoplay, muted, loop, poster, width, height)
06:40 Video + Source Element
08:00 Video Poster Attribute
09:08 The HTML audio Element: Adding audio to your website
09:38 Audio Element Attributes (controls, autoplay, loop)
10:35 Background Music Tip
10:50 Audio + Source Element
11:20 The iframe Element: Deep Dive & Best Practices
11:25 Embedding YouTube Videos with iframe
13:20 iframe + other websites on your website
14:33 Iframe + Restricted Websites
15:15 Iframe + Notepad File or Showing Textual Files
16:05 How to Display PDFs on Your Website using: iframe, object, embed

__________________________________
👋IT / CS SKILLS:
📌   • HTML and CSS Part - 1  
📌   • DIT COURSE  
📌   • MS Word Complete Course | MS Word Full Cou...  
📌   • Computer Basics For Beginners  
📌   • 📊 MS Excel Full Course for Beginners  
📌   • Virtual Box For Beginners  
📌   • CMD Commands For Beginners  
📌   • MS OFFICE For Beginners