Why does my lightbox player not center when it plays?

Overview

When loading a page, there may be additional code on the page that affects how the player is displayed and positioned on the page. Since the player is loaded onto the web page the same as any other page content, it can be modified and affected by the page CSS. An example of code that would do this would be:

//This code would add a transition to all elements on a page
*{ outline: none !important; 
-webkit-transition: all .25s; 
transition: all .25s; }

Solution

Using the inspection tool in a browser, the CSS that is being applied to the player can be narrowed down. Some web design experience may be required to ensure this is done properly.