teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

サンプルコード追記

2016/05/25 12:18

投稿

tkanda
tkanda

スコア2425

answer CHANGED
@@ -1,3 +1,19 @@
1
1
  <iframe>をDOMツリーから削除すると、iframe内のオブジェクトもすべて削除される(ブラウザのウィンドウをcloseするのと同じ)ので動画も停止するのではないでしょうか。
2
2
 
3
- 目的の <iframe> を削除してから作り直す、という処理でうまく動くと思います。
3
+ 目的の <iframe> を削除してから作り直す、という処理でうまく動くと思います。
4
+
5
+ ###<iframe>の削除と再作成
6
+
7
+ ```JavaScript
8
+ // iframe を削除
9
+ var e = document.getElementById('movie1');
10
+ var parent = e.parentElement;
11
+ parent.removeChild(e);
12
+ // iframe を再作成
13
+ e = document.createElement('iframe');
14
+ e.id = "movie1";
15
+ e.width = "200px";
16
+ e.height = "200px";
17
+ e.src = "https://www.youtube.com/embed/j5PLngd2WN0";
18
+ parent.appendChild(e);
19
+ ```