删除动态添加的iframe

时间:2017-08-06 01:37:17

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

嗨所以我有一个父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');
   }
});

}

任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:0)

是的!使用YT API可以使用上面的代码!