Curriculum

HTML Basic

HTML Introduction

0/1

HTML Editors

0/1

HTML Basic

0/1

HTML Elements

0/1

HTML Attributes

0/1

HTML Headings

0/1

HTML Paragraphs

0/1

HTML Styles

0/1

HTML Formatting

0/1

HTML Quotation

0/1

HTML Comments

0/1

HTML Colors

0/1

HTML CSS

0/1

HTML Links

0/3

HTML Images

0/3

HTML Favicon

0/1

HTML Page Title

0/1

HTML Tables

0/8

HTML Lists

0/4

HTML Block and Inline

0/1

HTML Div

0/1

HTML classes

0/1

HTML id

0/1

HTML Iframes

0/1

HTML Java Script

0/1

HTML File Paths

0/1

HTML - The Head Element

0/1

HTML Layout

0/1

HTML Responsive

0/1

HTML Computer Code

0/1

HTML Semantic

0/1

HTML Style Guide

0/1

HTML Entities

0/1

HTML Symbols

0/1

HTML Emojis

0/1

HTML Charsets

0/1

HTML URL Encode

0/1

HTML vs. XHTML

0/1

HTML Forms

0/6

HTML Graphics

0/2

HTML Media

0/5

HTML APIs

0/5

Text lesson

HTML YouTube

Struggling with Video Formats?

Converting videos to various formats can be challenging and time-consuming.

A more convenient approach is to embed YouTube videos directly on your web page for playback.

YouTube Video

When you save or play a video on YouTube, it displays an ID (like tgbNymZ7vqY) that you can use to reference your video in HTML code.

Playing a YouTube Video in HTML

To play your video on a web page, follow these steps:

Upload the video to YouTube.
Note down the video ID.
Define an <iframe> element in your web page.
Set the src attribute to point to the video URL.
Use the width and height attributes to specify the dimensions of the player.
Optionally, add any other parameters to the URL as needed (see below).

Example

YouTube Autoplay + Mute

You can enable your video to start playing automatically when a user visits the page by adding autoplay=1 to the YouTube URL.

However, note that automatically starting a video can be intrusive for your visitors.

Note that in Chromium browsers, autoplay is generally restricted. However, muted autoplay is consistently permitted.

To allow your video to start playing automatically (but muted), add mute=1 after autoplay=1 in the YouTube URL.

YouTube – Autoplay + Muted

YouTube Playlist

A comma-separated list of additional videos to play alongside the original URL.

YouTube Loop

To enable your video to loop indefinitely, add loop=1 to the YouTube URL.

Value 0 (default): The video plays only once.
Value 1: The video loops indefinitely.

YouTube – Loop

YouTube Controls

To hide controls in the video player, add controls=0 to the YouTube URL.

Value 0: Player controls are not displayed.
Value 1 (default): Player controls are displayed.

YouTube – Controls