April 1, 2021

Textual description of firstImageUrl

How To Embed YouTube Video Autoplay But Muted For All Devices

|

LAST UPDATED: October 2023

This is the new workable way to embed YouTube player on your blog or website, which is set in auto-play, but muted.

It works for both desktop and mobile devices.

In other words, when you or someone visit the page of your site which has a YouTube video, it will automatically play, but with the volume is set to zero (0).

Yes, the YouTube video clip is playing, but without any sound or audio.

Youtube video autoplay and mute

In short, the YouTube video starts muted or no audio

So if the visitor wants to listen to the audio or sound of the video, he just has to click the slashed-speaker symbol to turn the audio setting on.

The video below is playing right now without sound.

This is what I mean by YouTube autoplay muted.


YouTube Embed Autoplay Muted Not Working 

Forget about those outdated embed YouTube Player with auto-play and sound muted tutorials. 

They do not work any more.

The YouTube video clip does not autoplay at all.

Let me show you the proper and workable method to embed the YouTube video clip that starts playing, but muted in the Blogger post.

Youtube Video Autoplay And Mute

This is how to embed YouTube video on the Blogger post.

STEP #1: Copy YouTube Video ID

1. Select the YouTube video clip which you would like to embed.

2. Then look for the ID of the video from the URL.

Set YouTube Video AutoPlay And Muted

3. As the example above, I embedded the 1978 American neo-noir crime drama film "F.I.S.T: Federal Inter-State Truckers" which star Sylvester Stallone, Rod Steiger and Peter Boyle.

4. The video URL is: https://www.youtube.com/watch?v=CX2pHqVz3OU

5. The Video ID of this particular video is: CX2pHqVz3OU

STEP # 2: Paste The Code In HTML

6.  Now go to HTML view of your blog post.

7.  Paste this code where you want your video clip to appear.

 <div class="iframe-container">
  <div id="player"></div>
</div>
<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', {
      width: '100%',
      videoId: 'VIDEO ID',
      playerVars: { 'autoplay': 1, 'playsinline': 1 },
      events: {
        'onReady': onPlayerReady
      }
    });
  }
 function onPlayerReady(event) {
     event.target.mute();
    event.target.playVideo();
  }
</script>

<style>
/* Make the youtube video responsive */
  .iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>

8. Replace the "VIDEO ID" to the video ID of your YouTube video clip

9. Now click the "Update" button.    

This is how to set Youtube video autoplay and muted on your Blogger blog post.

Watch Free Movie FI.S.T. In English 

By the way, for those who want to view the free full film "F.I.S.T." in English language, click here

F.I.S.T. By Joe Eszterhas Free Download

To read the free book "F.I.S.T." by Joe Eszterhas, go to Internet Archive.

But this free book is from the Lending Library of Internet Archive; which means you cannot download and save it for your own keeping.

Save Internet Archive Lending Books

If you want to save Internet Archive Lending Archive books, then refer to this guide, "How To Save Internet Archive Borrow Books: 1 Hour And 14 Days".