如何将iframe内容静音？

Question

我有一个第三方iframe ，其中包含来自youtube，vimeo，...的视频。

是否有一种通用方法可以将视频/音频来源中的iframe内容独立静音？

Answer 1

第1步。首先，您需要访问iframe。

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

Step2。获得内部文档引用后，您可以访问其内部DOM元素。假设您的视频/音频元素ID为mediaElem。

var MediaSource = innerDoc.getElementById('mediaElem');

Step3。现在你可以用它做任何你想做的事。在您的情况下，如果您想静音，只需设置。

MediaSource.muted=true;

Answer 2

您也可以调用它并将其设置为零或暂停它，在javsscript中它是这样的：var media = document.getElementById('mediaId'); media.volume = 0; /*set volume to zero|takes values btw 0-1*/ media.pause(); /*pause the audio/video*/