Embed Youtube video with muted Sound

Its Very Easy to Embed Any Youtube Video with Your Website. You tube Also Provide the embed code. You have to only Copy the iframe embed and Paste it as Per Your Website Design.

Youtube also Provide Customization option like a Height, Width, autoplay. If You want more Customization then You can use the Youtube Player API.

This is the tutorial for Beginners to when the Page was loaded then Youtube Video is Start with the Muted Sound. You can Increase Youtube video Sound as per you wish.

Paste the Following Code in HTML for Youtube API

<div id="player"></div>

Include this Script into your code.

<script>

      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: '315',
          width: '560',
          videoId: 'twZggnNbFqo',
          playerVars: {rel: 0,
                autoplay: 1,       
                controls: 0,       
                showinfo: 0,       
                modestbranding: 0,  
                loop: 1,         
                fs: 0,             
                cc_load_policy: 0,
                iv_load_policy: 3,  
                autohide: 0 },
          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 && !done) {
 
                  done = true;
        }
           event.target.setVolume(0);
      }
</script>

Now we understand the Following Javascript code step by step.

The First thing is the videoId. If your Youtube video source is the https://www.youtube.com/watch?v=twZggnNbFqo Then Your videoId is the twZggnNbFqo

Coding Explanation
rel: 0 Hide/Show the Related Video
autoplay: 1 Autoplay Video when Page Loaded
controls: 1 Hide/Show the Video Control like a Play/Pause
showinfo: 0 Hide/Show the Video Title
modestbranding: 1 Hide/Show the Youtube Logo
loop: 1 Its use for the repeat Video
fs: 0 Hide/Show Full Screen Button
cc_load_policy: 0 Hide/Show Closed the Captions
iv_load_policy: 3 Hide/Show the Video Annotations

41 thoughts on “Embed Youtube video with muted Sound

  1. “hello there and thanks in your info – I’ve certainly picked up something new from proper here. I did alternatively expertise some technical issues using this web site, since I skilled to reload the site a lot of times prior to I could get it to load correctly. I have been considering in case your web hosting is OK? Now not that I am complaining, but sluggish loading cases instances will sometimes impact your placement in google and could damage your high quality score if ads and ***********|advertising|advertising|advertising and *********** with Adwords. Anyway I’m including this RSS to my e-mail and can look out for much more of your respective exciting content. Ensure that you update this again soon..”

  2. I precisely had to say thanks yet again. I’m not certain what I might have handled in the absence of these recommendations documented by you regarding such a question. It truly was the hard concern in my opinion, however , noticing your well-written way you managed the issue took me to weep over contentment. I’m just happier for the support and even expect you recognize what an amazing job you have been carrying out teaching some other people all through your web page. I’m certain you’ve never got to know all of us.

  3. I’m commenting to make you understand what a cool discovery my friend’s girl enjoyed going through your site. She realized a wide variety of things, which included what it is like to have a great giving heart to make certain people really easily know just exactly specified advanced things. You really exceeded her expectations. Thanks for presenting those invaluable, trusted, revealing and even cool thoughts on the topic to Mary.

  4. I definitely wanted to send a brief comment so as to thank you for all the precious strategies you are writing at this site. My particularly long internet investigation has finally been honored with reliable ideas to write about with my companions. I would admit that many of us readers actually are unequivocally lucky to be in a fine network with very many outstanding individuals with useful methods. I feel very much happy to have used your site and look forward to really more enjoyable minutes reading here. Thanks a lot again for all the details.

  5. I want to express thanks to the writer for bailing me out of this crisis. Right after exploring through the online world and finding things which were not powerful, I figured my life was gone. Living without the presence of approaches to the problems you’ve solved as a result of the blog post is a critical case, and the ones which could have in a wrong way damaged my entire career if I hadn’t discovered your site. Your personal natural talent and kindness in handling all things was important. I’m not sure what I would’ve done if I hadn’t discovered such a thing like this. I can now relish my future. Thanks for your time so much for the skilled and effective guide. I will not be reluctant to recommend your blog to anyone who requires recommendations on this subject matter.

  6. I am only writing to make you know of the great discovery my wife’s daughter experienced browsing your web page. She mastered many pieces, not to mention what it’s like to have an awesome helping nature to let other folks clearly know specific advanced topics. You truly did more than our own expectations. I appreciate you for showing such practical, dependable, explanatory and unique tips about that topic to Mary.

  7. I am also commenting to make you be aware of what a cool encounter our girl developed browsing your site. She mastered several pieces, not to mention what it is like to have an amazing helping mood to have the rest without hassle know precisely selected impossible subject matter. You undoubtedly exceeded visitors’ desires. Many thanks for producing these invaluable, dependable, informative and cool thoughts on that topic to Evelyn.

  8. I am writing to let you understand of the perfect encounter my friend’s child developed browsing your site. She figured out plenty of pieces, which included how it is like to have an incredible teaching spirit to get others smoothly know specified specialized matters. You actually exceeded her desires. I appreciate you for distributing those precious, trusted, edifying and even easy tips on this topic to Emily.

  9. I as well as my guys were actually taking note of the best hints located on the blog and then immediately I had a horrible feeling I had not expressed respect to the web site owner for those strategies. My young men are actually so joyful to read through them and have actually been taking advantage of those things. Appreciation for turning out to be really kind and for choosing this sort of remarkable guides most people are really needing to discover. Our honest apologies for not saying thanks to earlier.

  10. I not to mention my pals were going through the good procedures found on the blog and then all of the sudden I had a horrible suspicion I never expressed respect to you for those techniques. Those people appeared to be as a consequence excited to study them and now have without a doubt been having fun with them. Thanks for actually being considerably thoughtful and also for using variety of really good issues most people are really needing to be aware of. My very own honest apologies for not expressing appreciation to you sooner.

Leave a Reply to hasmukh Cancel reply

Your email address will not be published. Required fields are marked *