刪除動態添加的iframe

嗨，所以我有一個父div，在任何給定的時間內添加嵌入式youtube視頻的iframe。這個標準效果很好，但是我想在視頻完成後刪除iframe。我試過使用EvenListener，然後嘗試綁定，兩者都沒有工作。刪除動態添加的iframe

function play_vid(id, par){ 
// id: youtube video id  par: id of parent div 
var obj = {"video": { 
    "value": '<iframe id="ytb-player" width="100%" height="100%" src="http://www.youtube.com/embed/' +id+'" frameborder="0" '+ 
    'allowFullScreen></iframe>' 
    }} 

$(par).html(obj.video.value); 

$('#ytb-player').bind('onStateChange', function(e) { 
    if (e.data === 0) { 
    $(par).remove('#ytb-player'); 
    } 
});

}

任何幫助表示讚賞！

來源

2017-08-06 John Murray

你幾乎在那裏，但你需要使用YT API來實現這個'onStateChange'，看看[這裏]（https://stackoverflow.com/questions/26036441/hide-iframe-when-youtube-video-結束） – Junaid

對不起，我的評論沒有經過！ Thx，它的工作 –

添加回答這個問題提及什麼對你有用，然後接受該答案，以便人們來尋求相關問題的幫助可能會發現它的用處。 – Junaid

是的！使用YT API與上面的代碼一起工作！

來源

2017-08-08 01:34:28