2015-11-04 712 views
3

我有一个第三方的iframe包含来自YouTube的视频,VIMEO,...如何将iframe内容静音?

有静音从视频/音频 iframe的内容独立一种通用的方式?

+0

可能重复:http://stackoverflow.com/questions/25354184/如何静音的iframe,http://stackoverflow.com/questions/26654655/a-way-to-mute-an-iframe-using-jquery-or-css – gidim

回答

2

第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; 
+1

这将在第1步失败,因为它是第三方iframe。 – Quentin

+1

然后你无法访问它。这是一个“交叉来源的政策”,但是如果你把所有的东西放在同一个领域,它就像魅力一样。 –

+0

其第三方iframe。我无法访问 – Chdid

0

还可以,调用它,设置它的体积为零或暂停,在javsscript它是这样的:var media = document.getElementById('mediaId'); media.volume = 0; /*set volume to zero|takes values btw 0-1*/ media.pause(); /*pause the audio/video*/