How to Embed YouTube Videos with Muted Sound And Autoplay

Embed YouTube videos with no sound.

Do you want to embed the YouTube videos with sound muted just like Instagram and Facebook ?

When you visit Instagram and Facebook, you must have seen the autoplay mute video functionality right ?

Do you ever wonder how to embed mute video or do you want to embed the mute video from youtube also ?

You must be thinking is this even possible, right ?

and the answer is Yes !

So in this post we will see how to embed youtube videos with no sound or muted sound with auto-play functionality.

Also See :- How to Convert YouTube Video into Audio or Ringtones

So whenever any user comes to your blog and read your content you might wanted to show them some videos which they might don't play. At that time you can simply use this logic to auto-play youtube videos with no sound.

Its pretty easy to embed youtube videos on your blog or website. You just need to copy IFRAME embed code from youtube and paste it anywhere on your HTML webpage.

Apart from this, Youtube also offer basic customization offers like,

You can modify player dimensions.
You can hide Youtube branding logos.

If you would like to have more control on the behavior and layout of the youtube embedded player, Youtube Player API is the way to go.

But in this tutorial I will let you know, how you can embed youtube video that will automatically play when the web page is loaded but with muted audio.

In this the volume of the video is set to 0 and user can manually unmute the video. So atleast when user is reading your post, in the mean while the video will be loaded.

Also See :-

Embed YouTube Videos With Muted Sound And Autoplay :

So here before we move ahead, I recommend you to see this demo. In this, the page loads, video will be played but without sound. So the sound remain muted and you have to click to unmute it.

It will be as similar as Instagram or Facebook videos you usually see.

Now you must be thinking how to mute Youtube embedded videos with autoplay option right.

So just follow the below mentioned guide.

Its pretty easy.

Also See :- How to do Power Searching With Google

Now, first of all visit Youtube video page and note down the video ID from the URL.

For example, if the youtube video link is http://youtube.com/watch?v=xyz-123, the video ID is xyz-123.

So once you have the Youtube video ID, all you have to do is replace YOUR_VIDEO_ID in the below mentioned code, with your video ID.

<div id="muteYouTubeVideoPlayer">
</div>
<script async src="https://www.youtube.com/iframe_api"></script>
    <script>
     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();
          }
        }
      });
     }
     
    </script>

Now copy and paste the above mentioned edited youtube embedded code on your webpage and the embedded video would automatically play but the sound is muted.

You can also further modify the player by changing few video player properties commented in the above code.

For instance, if you set the loop=1, then it will be played in the loop.

You can also set fs=1, to show full screen option inside the video player screen. More over, you can also change other commented options.

The embedded youtube video will be played automatically but in mute mode.

Also See :- Get FREE FB Auto Like (Facebook Auto Liker) on Facebook Status