如何静音 iframe 内容？

Question

我有一个 第 3 方 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');

第三步。 现在你可以用它做任何你想做的事情了。根据您的情况，如果您想静音，只需设置即可。

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