YouTube How to present embed video with sound muted

Question

I m trying to embed a video with the sound muted but I can not figure out how it make it work   Currently I m using this but doesn t work    lt iframe src  https   www youtube com embed uNRGWVJ10gQ rel 0 amp amp autoplay 1  width  560  height  315  frameborder  0  allowfullscreen gt  lt  iframe gt    Any of you knows how can I make this work

User · Answer

Try this   lt iframe width  420  height  315  src  http   www youtube com embed  HeQ39bLsoTI autoplay 1 amp cc load policy 1  volume  0  frameborder  0  allowfullscreen gt  lt  iframe gt    don t forget to write volume  0

User · Answer

For me works using  amp autoplay 1 amp mute 1

User · Answer

Updated Add  amp mute 1 to the end of your url  Your new code would be   x000D   x000D   lt iframe src  https   www youtube com embed uNRGWVJ10gQ rel 0 amp amp autoplay 1 amp mute 1  width  560  height  315  frameborder  0  allowfullscreen gt  lt  iframe gt  x000D   x000D   x000D

User · Answer

x000D   x000D   lt iframe  src  https   www youtube com embed 7cjVj1ZyzyE autoplay 1 amp loop 1 amp playlist 7cjVj1ZyzyE amp mute 1  frameborder  0   allowfullscreen gt  lt  iframe gt  x000D   x000D   x000D    mute 1

User · Answer

The accepted answer was not working for me  I followed this tutorial instead with success   Basically    lt div id  muteYouTubeVideoPlayer  gt  lt  div gt   lt script async src  https   www youtube com iframe api  gt  lt  script gt   lt script gt   function onYouTubeIframeAPIReady       var player    player   new YT Player  muteYouTubeVideoPlayer         videoId   YOUR VIDEO ID      YouTube Video ID     width  560                   Player width  in px      height  316                  Player height  in px      playerVars          autoplay  1            Auto-play the video on load       controls  1            Show pause play buttons in player       showinfo  0            Hide the video title       modestbranding  1      Hide the Youtube Logo       loop  1                Run the video in a loop       fs  0                  Hide the full screen button       cc load policy  0     Hide closed captions       iv load policy  3      Hide the Video Annotations       autohide  0            Hide video controls when playing            events          onReady  function e            e target mute                                Written by  labnol   lt  script gt

User · Answer

Source  https   developers google com youtube iframe api reference       lt div id  player  gt  lt  div gt       lt script gt             var tag   document createElement  script              tag src    https   www youtube com iframe api             var firstScriptTag   document getElementsByTagName  script   0             firstScriptTag parentNode insertBefore tag  firstScriptTag              var player            function onYouTubeIframeAPIReady                 player   new YT Player  player                   height   720                 width   1280                 videoId   M7lc1UVf-VE                 playerVars    autoplay  1  loop  1  playlist   M7lc1UVf-VE   vq   hd720                  events                     onReady   onPlayerReady                   onStateChange   onPlayerStateChange                                                        function onPlayerReady event                   event target setVolume 0              event target playVideo                           var done   false            function onPlayerStateChange event                if  event data    YT PlayerState PLAYING  amp  amp   done                    setTimeout stopVideo  6000                         done   true                               event target setVolume 0                    lt  script gt

User · Answer

lt iframe width  560  height  315  src  https   www youtube com embed ULzr7JsFp0k list PLF8tTShmRC6vp9YTjkVdm1qKuTimC6K3e amp rel 0 amp amp autoplay 1 amp controls 1 amp loop 1  rel 0 amp amp frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

lt iframe width  560  height  315  src  https   www youtube-nocookie com embed ObHKvS2qSp8 list PLF8tTShmRC6uppiZ v-Xj-E1EtR3QCTox amp autoplay 1 amp controls 1 amp loop 1 amp mute 1  frameborder  0  allowfullscreen gt  lt  iframe gt      lt iframe width  560  height  315  src  https   www youtube com embed ObHKvS2qSp8 list PLF8tTShmRC6uppiZ v-Xj-E1EtR3QCTox amp autoplay 1 amp controls 1 amp loop 1 amp mute 1  frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

was also looking for a solution to this but I wasn t including via iframe  mine was linked to images video mp4 - found this https   www w3schools com tags att video muted asp - and I simply added  lt  video controls muted    CSS HTML 5 solution   but no JS required for me

User · Answer

This is easy  Just add mute 1 to the src parameter of iframe  Example    lt iframe src  https   www youtube com embed uNRGWVJ10gQ controls 0 amp mute 1 amp showinfo 0 amp rel 0 amp autoplay 1 amp loop 1 amp playlist uNRGWVJ10gQ  frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

I would like to thank the friend who posted the codes below in this area  I finally solved a problem that I had to deal with all day long    x000D   x000D   lt div id  muteYouTubeVideoPlayer  gt  lt  div gt  x000D                               lt script async src  https   www youtube com iframe api  gt  lt  script gt  x000D                               lt script gt  x000D                                  function onYouTubeIframeAPIReady     x000D                                      var player  x000D                                      player   new YT Player  muteYouTubeVideoPlayer     x000D                                          videoId   xCIBR8kpM6Q      YouTube Video ID x000D                                          width  1350     Player width  in px  x000D                                          height  500     Player height  in px  x000D                                          playerVars    x000D                                              autoplay  1     Auto-play the video on load x000D                                              controls  0     Show pause play buttons in player x000D                                              showinfo  0     Hide the video title x000D                                              modestbranding  0     Hide the Youtube Logo x000D                                              loop  1     Run the video in a loop x000D                                              fs  0     Hide the full screen button x000D                                              cc load policy  0     Hide closed captions x000D                                              iv load policy  3     Hide the Video Annotations x000D                                              autohide  0     Hide video controls when playing x000D                                              rel  0  x000D                                             x000D                                          events    x000D                                              onReady  function e    x000D                                                  e target setVolume 5   x000D                                                x000D                                            x000D                                          x000D                                    x000D   x000D                                     Written by  labnol x000D   x000D                               lt  script gt  x000D   x000D   x000D

User · Answer

Just pass mute 1  For example   lt iframe id  quot myVideo quot  src  quot https   www youtube com embed k0DN-BZrM4o rel 0 amp amp autoplay 1 mute 1 quot  width  quot 100  quot  height  quot 600 quot  frameborder  quot 0 quot  allowfullscreen gt  lt  iframe gt

[html] YouTube: How to present embed video with sound muted

Examples related to html

Examples related to youtube

Examples related to youtube-iframe-api