How to leave DOM node completely untouched?

[pbhogan]

I did a little experiment trying to keep a media player (JW Player) playing continuously while browsing a site. I put it in a part of the page marked with data-turbolinks-permanent and sure enough the player survives page transitions, but it seems to reinitialize on page switch.

Is Turbolinks cloning the node or disconnecting and reconnecting it to the DOM causing the embedded player to think it should reinitialize? Is there a way to leave the DOM node completely untouched?

[tombroomfield]

Are you using Jquery tubolinks?

[pbhogan]

Yes, I am.

[qq99]

@pbhogan
Yeah I think I've encountered the same thing that you have, but using https://github.com/Shopify/turbograft

Disconnecting the node from the DOM and re-adding it can have negative effects:

• full screen API status is cancelled
• playing state oddities like you've noticed
• css transitions/animations are killed

[Thibaut]

This is a limitation of the DOM. AFAIK there is no solution. See #511.