title: Vimeo autoplay muted video and unmute not working
body: <p>I have an embed VIMEO video with autoplay and muted options. I'm trying to make a custom feature to let users unmute my video through a custom button. It works fine but in Chrome (especially in Android), because it gives me this error:</p>
  
  <pre><code>Unmuting failed and the element was paused instead because the user didn't interact with the document before.
  </code></pre>
  
  <p>But if you read their documentation, it says this:</p>
  
  <p><em>One cool way to engage users is about using muted autoplay and let them chose to unmute (see code snippet below). Some websites already do this effectively, including Facebook, Instagram, Twitter, and YouTube.</em></p>
  
  <pre><code>&lt;video id="video" muted autoplay&gt;
  &lt;button id="unmuteButton"&gt;&lt;/button&gt;
  
  &lt;script&gt;
     unmuteButton.addEventListener('click', function() {
     video.muted = false;
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>So, what's the problem then? my code looks like:</p>
  
  <pre><code>var options = {
  id: 316816937,
  width: 990,
  loop: true,
  autoplay: true,
  mute: true,
  };
  
  var player = new Vimeo.Player('embeddedVideo', options);
  
  player.setVolume(0);
  
  player.on('play', function() {
      console.log('played the video!');
  });
  
  $(".videoWrapper .cover").click(function () {
      $(this).addClass("close");
  
  
      player.ready().then(function () {
      player.setVolume(1);
  });
  
  });
  </code></pre>
  
  <p>So, my video is with autoplay+muted, and clicking on a custom layer I setVolume to 1. So I don't know why it gives me the error I said above.</p>
  
  <p>Thank you!</p>