What Is The HTML YouTube Videos

The most straightforward approach to play recordings in HTML YouTube, is to utilize YouTube.

Struggling with HTML YouTube Video Formats?

Changing recordings over to various configurations can be troublesome and tedious.

A simpler arrangement is to allow YouTube to play the recordings in your site page.

HTML YouTube Video Id

YouTube will show an id (like tgbNymZ7vqY), when you save (or play) a video.

You can utilize this id, and allude to your video in the HTML code.

Playing a HTML YouTube Video in HTML

To play your video on a site page, do the accompanying:

  • Upload the video to YouTube
  • Take a note of the video id
  • Define an <iframe> element in your web page
  • Let the src attribute point to the video URL
  • Use the width and height attributes to specify the dimension of the player
  • Add any other parameters to the URL (see below)
Example

<iframe width=”420″ height=”315″
src=”https://www.youtube.com/embed/tgbNymZ7vqY”>
</iframe>

HTML YouTube Autoplay + Mute

You can let your video start playing automatically when a user visits the page, by adding autoplay=1 to the YouTube URL. However, automatically starting a video is annoying for your visitors!

Note: Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.

Add mute=1 after autoplay=1 to let your video start playing automatically (but muted).

HTML YouTube – Autoplay + Muted

<iframe width=”420″ height=”315″
src=”https://www.youtube.coem/embed/tgbNymZ7vqY?autoplay=1&mute=1″>
</iframe>

HTML YouTube Playlist

A comma isolated rundown of recordings to play (notwithstanding the first URL).

HTML YouTube Loop

Add loop=1 to let your video loop forever.

Value 0 (default): The video will play only once.

Value 1: The video will loop (forever).

HTML YouTube – Loop

<iframe width=”420″ height=”315″
src=”https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1″>
</iframe>

HTML YouTube Controls

Add controls=0 to not display controls in the video player.

Value 0: Player controls does not display.

Value 1 (default): Player controls display.

HTML YouTube – Controls

<iframe width=”420″ height=”315″
src=”https://www.youtube.com/embed/tgbNymZ7vqY?controls=0″>
</iframe>