SPAで動画を使って大ヤケドした話 - Qiita

tl;dr 気軽に removeChild するもんじゃない。 フレームワーク（Riot.js）は悪くない 概要 動画メインの小規模サイト（厳密にはSPAと言わないかも） スペック 動画は YouTube IFrame API と一部に video要素 を使用 フロントのフレームワークは Riot.js URL制御はRiot.jsのルータを使う バックエンドはSinatra（この記事には関係ない） YouTube IFrame APIで起こった問題 iframeをDOMツリーから切り離すとYouTubeのエラー頻発 <youtube> <iframe if={ page == 'hoge' } id="player" src="~" /> <script> routing (path) { this.page = path } riot.route(this.routing) onRead

[ginpei]

video関係の要素をちゃんと扱わないと画面から消えたのに音が鳴り続ける等する話。メディア系の操作をこういうライブラリーでやるの怖い。

[h5y1m141]

id:vanbraam 従来のアプリなら画面切り替わりでメモリ開放されるので今回みたいなJSとDOMツリーの関係を意識する事が少ないけどSPAはそこが落とし穴になるのかなと思います。（自分も今そのヤケドの手当してます）

[ko-ya-ma]

あるある。特にriot.jsの'if=?'は鬼門という感じ

[UDONCHAN]

ありそう

[vanbraam]

これSPA(Single Page Application)関係あるのだろうか.専門外なのでよく分からない;なるほど.SPAだと陽にメモリ解放が必要だが,正しく"解放"する必要がある,と理解しました>id:h5y1m141殿

[bottomzlife]

よくありそう。LTだと紐付くインスタンスがまとめて消えそうだけど、そうじゃないのがJavaScriptらしさか･･･ http://bit.ly/1q6KIdX

[efcl]

`<video>` 要素など死んでは行けない要素をテンプレートやReactで安易に扱うと死ぬ話