Persistent content while browsing.
I have a page where I load a video into a popup. If I close the popup it continues to play, and if I leave the page it continues to play. This will only happen if I enter this page directly or refresh from this page. I know how to stop the video when the popup closes, or delete the html in the popup so that's not the issue. I am intrigued as to how I might have a constant audio or video player playing as a user browses the site.
I notice that the initial div with data-role="page" stays in the dom throughout page loads, and because the content that I was playing was in that page/div is why it continues to play. Does anyone have any thoughts as to how you might display content in the current page a user is on that is within the initial data-role="page". I am thinking of doing something like a docked player above the bottom navbar.