HTML
HTML Head
HTML Forms
HTML Graphics
HTML Media
HTML APIs
HTML YouTube
The HTML media element embeds YouTube videos in a web page. There is no need to try different video formats; use specific HTML codes to play videos directly on your web page and make the website more interactive.
How to Add YouTube Video in HTML?
You will need an ID to add a YouTube video to your webpage. Get the video ID from YouTube by saving or playing the video. Once you have the ID add an <iframe> element. Insert the video link using the src attribute in HTML and adjust the dimensions of the video using width and height attributes.
Autoplay
To let the video play automatically, add autoplay=1 to the YouTube URL. By doing this, the video will play automatically whenever a user visits your website.
Keep in mind: Autoplay is generally restricted in most Chromium-based browsers. However, autoplay will be permitted without issues if the video is muted.
Autoplay & Mute
To mute the autoplay video, add mute=1 after autoplay=1. The video will still play automatically without requiring any action but will be muted.
YouTube Playlist
To create a YouTube playlist, include the video IDs after the original URL using the playlist parameter. Separate each video ID with a comma.
Play in Loop
The loop value, by default, is zero, and the video is played only once. To play a video in a loop, add loop=1.
Video Controls
If you don’t want to display video controls in the player, add controls=0. Use control=1 to display the video player controls.
Integrating the HTML media elements makes a web page interactive and enhances user engagement. It also gives a visually appealing look to the webpage.
Watch Video on YouTube
HTML YouTube
