播放後隱藏youtube視頻

我有一個網頁，我爲它製作了視頻。使用HTML5格式（webm，ogg，mp4）只能正確使用Chrome。視頻完成後，我可以用JavaScript隱藏視頻。我認爲我可以用YouTube播放器製作，（自動播放，隱藏控制等），但是當它完成時我無法隱藏它。我發現「onStateChange功能，但我不能使用它。任何想法？播放後隱藏youtube視頻

<iframe width="840" height="630" src="URLrel=0&showinfo=0;&autoplay=1;controls=0" frameborder="0" allowfullscreen></iframe>

來源

2014-04-25 user3528460

您需要使用YouTube Iframe Player API檢查（1）該視頻已經結束（YT.PlayerState.ENDED）時onPlayerStateChange被調用，和（ 2）刪除/隱藏包含視頻的DOM元素，即在iframe

function onPlayerStateChange(event) { 
    // check if video ended and remove player 
    if (event.data == YT.PlayerState.ENDED) { 
     console.log($('#player').remove()); 
     done = true; 
    } 
    }

你在這裏完全可行的解決方案：http://jsfiddle.net/jibietr/ua57A/1/

來源

2014-04-25 09:45:14 jibiel

一個快速和骯髒的解決辦法是當用戶用onclick事件關閉視頻時，使用innerHTML覆蓋iframe。如果iframe的包裹內使用id =「iframeDiv」，你可以調用下面的函數的onclick關閉視頻按鈕：

function hideIframe() { 
    document.getElementById("iframeDiv").innerHTML = ''; 
}

的IFRAME會重新出現，當用戶打開視頻：

function showIframe() { 
    document.getElementById("iframeDiv").innerHTML = '<iframe width="840" height="630" src="URLrel=0&showinfo=0;&autoplay=1;controls=0" frameborder="0" allowfullscreen></iframe>'; 
}

來源

2014-04-25 21:04:23

播放後隱藏youtube視頻

回答

相關問題