删除动态添加的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