2015-11-04 726 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*/