mwisema1
mwisema1

Reputation: 1

How can I mute an iframe vimeo

I've tried every possible solution I can find, but I can't seem to mute my iframe vimeo video. I've referenced "//f.vimeocdn.com/js/froogaloop2.min.js" in the head. And I'm using the following javascript at the bottom of the page...

<script type="text/javascript">
var iframe = document.getElementById('vimeo_player');
var player = $f( iframe );

 player.addEvent('ready', function() {
     player.api('setVolume', 0); 
 });
</script>

You can see my attempt here: http://walkinthedog.com/video-test/

Any help is most appreciated.

Upvotes: 0

Views: 3832

Answers (2)

With the latest version, there's an even easier solution:

<iframe id="vimeo_player" src="http://player.vimeo.com/video/4415083?autoplay=1" width="500" height="281"  frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<script src="https://player.vimeo.com/api/player.js"></script> 
<script>
    var player = new Vimeo.Player(document.getElementById("vimeo_player"));
    player.on('play', function() {
        player.setVolume(0)
    });
</script>

Upvotes: 0

Andrew Hendrie
Andrew Hendrie

Reputation: 6415

Use setVolume from the api in your vimeo embed.. player.api('setVolume', 0); it will be like this...

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="//f.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="vimeo_player" src="http://player.vimeo.com/video/4415083?  title=0&amp;byline=0&amp;portrait=0&amp;color=d01e2f&amp;autoplay=1" width="500" height="281"  frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    <script>
      var iframe = $('#vimeo_player')[0],
        player = $f(iframe),
        status = $('.status');

        player.addEvent('ready', function() {
            player.api('setVolume', 0);
        });
    </script>

Upvotes: 1

Related Questions