Getting an Embedded YouTube Video to Auto Play and Loop

Question

I am trying to get a basic Youtube video to auto play and auto loop embedded on a page  but I m having no luck    lt div style  text-align  center  margin  auto  gt  lt object type  application x-shockwave-flash  style  width 1120px  height 630px   data  http   www youtube com v GRonxog5mbw rel 0 amp amp loop 1 amp amp autoplay 1 amp amp showsearch 0 amp amp version 3 amp amp showinfo 0 amp amp modestbranding 1 amp amp fs 1  gt   lt param name  movie  value  http   www youtube com v GRonxog5mbw rel 0 amp amp loop 1 amp amp autoplay 1 amp amp showsearch 0 amp amp version 3 amp amp showinfo 0 amp amp modestbranding 1 amp amp fs 1    gt   lt param name  allowFullScreen  value  true    gt   lt param name  allowscriptaccess  value  always    gt   lt  object gt  lt  div gt

User · Answer

All of the answers didn t work for me  I checked the playlist URL and seen that playlist parameter changed to list  So it should be       amp loop 1 amp list PLvNxGp1V1dOwpDBl7L3AJIlkKYdNDKUEs   So here is the full code I use make a clean  looping  autoplay video    lt iframe width  100   height  425  src  https   www youtube com embed MavEpJETfgI autoplay 1 amp showinfo 0 amp loop 1 amp list PLvNxGp1V1dOwpDBl7L3AJIlkKYdNDKUEs amp rel 0  frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

Playlist hack didn t work for me either  Working workaround for September 2018  bonus  set width and height by CSS for  yt-wrap instead of hard-coding it in JS     lt div id  yt-wrap  gt       lt  -- 1  The  lt iframe gt   and video player  will replace this  lt div gt  tag  -- gt       lt div id  ytplayer  gt  lt  div gt   lt  div gt    lt script gt       2  This code loads the IFrame Player API code asynchronously    var tag   document createElement  script      tag src    https   www youtube com player api     var firstScriptTag   document getElementsByTagName  script   0     firstScriptTag parentNode insertBefore tag  firstScriptTag         3  This function creates an  lt iframe gt   and YouTube player          after the API code downloads    var player    function onYouTubePlayerAPIReady         player   new YT Player  ytplayer           width   100          height   100          videoId   VIDEO ID         events             onReady   onPlayerReady           onStateChange   onPlayerStateChange                           4  The API will call this function when the video player is ready    function onPlayerReady event        event target playVideo        player mute       comment out if you don t want the auto played video muted           5  The API calls this function when the player s state changes          The function indicates that when playing a video  state 1           the player should play for six seconds and then stop    function onPlayerStateChange event        if  event data    YT PlayerState ENDED          player seekTo 0         player playVideo                function stopVideo         player stopVideo         lt  script gt

User · Answer

YouTubes HTML5 embed code    lt iframe width  560  height  315  src  http   www youtube com embed GRonxog5mbw autoplay 1 amp loop 1 amp playlist GRonxog5mbw  frameborder  0  allowfullscreen gt  lt  iframe gt     You can read about it here       EDIT Link died       View original content on Internet Archive project   http   web archive org web 20121016180134 http   brianwong com blog 2012-youtube-embed-code-autoplay-on-and-all-other-parameters

User · Answer

Here is the full list of YouTube embedded player parameters   Relevant info      autoplay  supported players  AS3  AS2  HTML5  Values  0 or 1  Default   is 0  Sets whether or not the initial video will autoplay when the   player loads       loop  supported players  AS3  HTML5  Values  0 or 1  Default is 0  In   the case of a single video player  a setting of 1 will cause the   player to play the initial video again and again  In the case of a   playlist player  or custom player   the player will play the entire   playlist and then start again at the first video       Note  This parameter has limited support in the AS3 player and in   IFrame embeds  which could load either the AS3 or HTML5 player    Currently  the loop parameter only works in the AS3 player when used   in conjunction with the playlist parameter  To loop a single video    set the loop parameter value to 1 and set the playlist parameter value   to the same video ID already specified in the Player API URL       http   www youtube com v VIDEO ID version 3 amp loop 1 amp playlist VIDEO ID   Use the URL above in your embed code  append other parameters too

User · Answer

Had same experience  however what did the magic for me is not to change embed to v   So the code will look like this      lt iframe width  560  height  315  src  https   www youtube com embed cTYuscQu-Og Version 3 amp loop 1 amp playlist cTYuscQu-Og  frameborder  0  allowfullscreen gt  lt  iframe gt    Hope it helps

[html] Getting an Embedded YouTube Video to Auto Play and Loop

Examples related to html

Examples related to css

Examples related to youtube

Examples related to youtube-api