javascript - move npapi plugin object in webpage from one div to another, why plugin destroy and recreate?[chrome， FireFox] -

i got 1 plugin , embeded webpage page, plugin used play media files(.mp3,mp4,m3u8, etc).my webpage looks like:

<div id='div1'>plugin</div> <div id='div2'><div id='div2sub'></div></div> 

plugin created

<object id='plugin' type='xxxx' width='xxxx' height='xxxx'></object> 

the problem is: when move plugin div1 div2sub like:

var x = document.getelementbyid('plugin'); var y = document.getelementbyid('div2sub'); y.appenchild(x); 

then find result ie: plugin still playing media file, video, audio output,it works fine(activex plugin) chrome , firefox: no video, audio output,plugin not play media file anymore.(npapi plugin)

i found reason is: ie, plugin moved,not destroy recreate, chrome , firefox,the plugin destroy recreated, have 1 function register callback event on pluin, chrome console shows plugin never received callback event, media file can't played.

my question is: there anyway can move plugin, , plugin not destroyed , recreated chrome , firefox, works ie.

thanks help...

if plugin getting re-created should file bug - re-parenting shouldn't re-spawn plugin per whatwg object element , being rendered sections.