WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML YouTube Videos


It is extremely easy to play video to Html utilizing Youtube.


YouTube Video Id

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

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


Playing a YouTube Video in HTML

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

  • Upload the video to YouTube
  • Take a note of the video id
  • Define a <iframe> component in your web page
  • Let the src ascribe point to the video URL
  • Use the width and tallness ascribes to indicate the component of the player
  • Add some other parameters to the URL

Example - Using iFrame (the prescribed method)

<iframe width="420" height="315"
src="http://www.youtube.com/install/XGSy3_Czz8k?autoplay=1">
</iframe>
Try it yourself »

YouTube Parameters

autohide

Value 0: The player controls are dependably visible.

Value 1: The player controls covers up consequently when the video plays.

Value 2 (default): If the player has 16:9 or 4:3 proportion, same as 1, generally same as 0.

autoplay

Value 0 (default): The video won't play naturally when the player loads.

Value 1: The video will play consequently when the player loads.

controls

Value 0: Player controls does not show. The video loads immediately.

Value 1 (default): Player controls show. The video loads immediately.

Value 2: Player controls show, however the video does not stack before the client starts playback. 

loop

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

Value 1: The video will circle (forever).

playlist

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


YouTube <object> Embeds

YouTube <object> implants were belittled from 2018.

You should utilize relocate your applications to utilize <iframe> embeds.

Example - Using <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/insert/XGSy3_Czz8k">
</object>
Try it yourself »

Example - Using <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/insert/XGSy3_Czz8k">
Try it yourself »