[笔记] 消除 flash 视频播放器的叠音

本文讨论的是类似于 优酷360桌面应用(http://api.youku.com/widget/360box/index.html) 的切换视频的情况。即:所有操作在同一网页完成,无页面切换的情况。 JS 动态切换 flash 是采用 本站此文 所说的第三或第四种方法。测试环境是 360桌面app 的封装环境(点此下载 360安全桌面 WebApp 本地制作工具)。

叠音的产生

就是包含 Flash 播放器的 div 的 DOM 节点被不断的删除,并且每次都生成新的 包含 Flash 播放器的 div 的过程。这样的 DOM 操作反复几次后,每当影片播放 3 – 10 分钟,网页会传来某一个之前播放的影片的声音。且除非刷新或者关闭网页,叠音无法被消除。

消除叠音

将 包含 Flash 播放器的 div 的 DOM 节点 放到 id 为 “container” 的 div 外面。且每次只更改前者的 innerHTML,而不删除其 DOM 节点。