從父母的播放按鈕播放內部iframe中的html5視頻

Question

我有一個網頁，其中包含一個iframe中的視頻。 iframe中的視頻可通過按頁面上的鏈接進行更改。 我在父頁上有一個播放和暫停按鈕，用於啓動和停止iframe中視頻的播放。

頁面上

沒有一個iframe我用這個代碼，以使視頻播放和暫停

<script> 
var vid = document.getElementById("VIDEO"); 

function playVid() { 
    VIDEO.play(); 
} 

function pauseVid() { 
    VIDEO.pause(); 
} 
</script> 

我需要得到這個腳本引用視頻中的iframe。任何想法我怎麼能得到這個工作？

注意：出現在iframe中的視頻各自嵌入在自己的頁面上，因此我可以將它們設置爲不顯示播放控件並播放循環播放。

Answer 1

您的iframe文檔應與原始文檔位於同一個域中，而不屬於same-origin policy限制。

如果它的確定，那麼這裏有一個例子：

的index.html

<iframe src="frame.html" style="width: 200px;height: 200px;" id="video_frame"></iframe> 
<br/><button type="button" onclick="play_video()">Play</button> 
<script> 
function play_video() 
{ 
    document.getElementById('video_frame').contentWindow.playVid(); 
} 
</script> 

frame.html

<embed id="VIDEO" ... /> 
<script> 
var vid = document.getElementById("VIDEO"); 

function playVid() { 
    VIDEO.play(); 
} 

function pauseVid() { 
    VIDEO.pause(); 
} 
</script>