this is a page

This demo only works when the page is loaded directly in a new browser (not inside CodePen). What this page does is:

- it clears the body of the parent frame
- it creates an iframe with the same source as the original page in the parent frame
- it adds a player to this parent frame

Navigation now happens within the iframe, so the player can keep playing music without interruption when navigating to another page (within the iframe).

if(self==top) {
  alert("I am the top frame");
  var href = document.location.href;
  document.body.innerHTML = "<iframe src='"+href+"'> + player";
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.