Sticking player to the top of browser

Aug 17, 2015

When resizing the browser, I'd like to have the player stick to the top of a user's window, rather than remain vertically aligned in the middle.

Anyone have any insight about this?

6 Replies
Ana Kruljevic

I appreciate your response, Ashley, but that's not quite what I needed.

After some investigation, I discovered a solution that worked for me. For some context: I wanted the player to (i) have a display ratio of 16:9, (ii) be responsive to users' browser width, and (iii) not float awkwardly in the middle of the screen within the LMS's iframe. In essence, I wanted a full-screen experience customized to display within our LMS. To achieve this, I made some alterations to the output files' in-line styling.

In the regular HTML file, I altered the "html" tag's in-line styling to the following:

<html style="height: 56vw;max-height:890px;" lang="en">

For the HTML5 file, I added the following code in the code's header:

<style>
.framewrap {
position:fixed !important;
top:0 !important;
}
</style>

This discussion is closed. You can start a new discussion or contact Articulate Support.