2017-08-06 41 views
0

こんにちは、私は親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'); 
    } 
}); 

}

すべてのヘルプは歓迎です!

+0

あなたはほとんどありますが、これを実現するにはYT APIを使用する必要があります。これは 'onStateChange'で行います。[here](https://stackoverflow.com/questions/26036441/hide-iframe-when-youtube-video-終了) – Junaid

+0

申し訳ありませんが、私のコメントは通過しませんでした! Thx、それは働いた –

+0

あなたのために働いていたことを言及し、その答えを受け入れるようにこの問題への回答を追加するので、関連する問題のために助けを求める人々が役に立つと思うかもしれません。 – Junaid

答えて

0

上記のコードを使用してYT APIを使用してください!

関連する問題