移除动态添加的 iframe答案

【问题标题】：Remove a dynamically added iframe移除动态添加的 iframe
【发布时间】：2018-01-13 15:13:42
【问题描述】：

嗨，我有一个父 div，在任何给定时间添加一个带有嵌入 youtube 视频的 iframe。这个标准很好用，但我想在视频完成后删除 iframe。我尝试使用 EvenListener，然后尝试绑定，这两种方法都不起作用。

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');
   }
});

}

感谢任何帮助！

【问题讨论】：

你快到了，但你需要使用 YT API 来实现这一点，onStateChange，看here
抱歉我的评论没有通过！谢谢，它成功了
添加对此问题的答案，提及对您有用的方法，然后接受该答案，以便寻求相关问题帮助的人可能会发现它很有用。

标签： javascript jquery html iframe youtube-data-api

【解决方案1】：

是的！使用 YT API 与上面的代码一起工作！

【讨论】：