javascript - 一种使用 jQuery 或 CSS 使 iframe 静音的方法？

Question

有没有办法使用 jQuery 或 CSS 使 iframe 的音频静音？

这是我需要静音的 iframe

<iframe src="http://player.vimeo.com/video/4415083?api=1;title=0&amp;byline=0&amp;portrait=0&amp;color=d01e2f&amp;autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Answer 1

在您的页面中包含此库:https://github.com/vimeo/player-api/tree/master/javascript像这样

<script src="//f.vimeocdn.com/js/froogaloop2.min.js"></script>

一旦播放器准备就绪，此代码将向 vimeo 播放器发送 API 调用以将音量设置为 0，基于 http://developer.vimeo.com/player/js-api

// you may need another way of getting reference to the iframe:
var iframe = document.getElementsByTagName('iframe')[0];
var player = $f( iframe );

 player.addEvent('ready', function() {
     player.api('setVolume', 0); 
 });

http://jsfiddle.net/87dsjL8q/

或者，没有外部库:

iframe.contentWindow.postMessage('{"method":"setVolume", "value":0}','*');

http://jsfiddle.net/87dsjL8q/1/