title: Vimeo embed auto mute on load
body: <p>I have a vimeo embedded video but cant seem to integrate the mute on load.</p>
  
  <p>Here is my video code</p>
  
  <pre><code>&lt;div id="vimeo"&gt; &lt;/div&gt; 
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://f.vimeocdn.com/js/froogaloop2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and the js using </p>
  
  <pre><code> &lt;script&gt;
  // URL of the video 
          var videoUrl = 'http://www.vimeo.com/76979871?api=1?player_Id=vimeoyo';
  
          var endpoint = 'http://www.vimeo.com/api/oembed.json';
          var callback = 'embedVideo';
          var url = endpoint + '?url=' + encodeURIComponent(videoUrl)+ '&amp;autoplay=true' + '&amp;callback=' + callback + '&amp;width=420';
          function embedVideo(video) {
              document.getElementById('vimeo').innerHTML = unescape(video.html);
          }
          function init() {
              var js = document.createElement('script');
              js.setAttribute('type', 'text/javascript');
              js.setAttribute('src', url);
              document.getElementsByTagName('head').item(0).appendChild(js);
              var player = 'vimeoyo';
              player.api('setVolume', 0);
          }
  
  
          window.onload = init;
  
  
    &lt;/script&gt;
  </code></pre>
  
  <p>The issue im having also is that the video isn't an iframe.</p>
  
  <p>Edit: There is an answer to mute using an iframe.  here </p>
  
  <p><a href="https://stackoverflow.com/questions/26649641/muting-an-embedded-vimeo-video">Muting an embedded vimeo video</a></p>
  
  <p>But having tested that using this fiddle, it also doesnt seem to mute the video.  <a href="http://jsfiddle.net/serversides/gfcpjLsy/" rel="nofollow noreferrer">http://jsfiddle.net/serversides/gfcpjLsy/</a></p>