如何使 iframe vimeo 静音答案

【问题标题】：How can I mute an iframe vimeo如何使 iframe vimeo 静音
【发布时间】：2015-02-13 14:08:16
【问题描述】：

我已经尝试了所有可能的解决方案，但我似乎无法将 iframe vimeo 视频静音。我在头部引用了“//f.vimeocdn.com/js/froogaloop2.min.js”。我在页面底部使用以下 javascript...

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

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

你可以在这里看到我的尝试：http://walkinthedog.com/video-test/

非常感谢任何帮助。

【问题讨论】：

如果我打开该 url 并在控制台中运行 $f(document.getElementById('vimeo_player')).api('setVolume', 0) 它工作正常，请在事件中添加一个 alert() 以确保它按预期触发
这里的最佳答案给出了工作示例：stackoverflow.com/questions/26654655/…

标签： javascript iframe vimeo-api

【解决方案1】：

在您的 vimeo 嵌入中使用 api 中的 setVolume.. player.api('setVolume', 0);会是这样的……

<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>

【讨论】：

【解决方案2】：

使用最新版本，有一个更简单的解决方案：

<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>

【讨论】：