Skip to main content
kaitlinp26382390
kaitlinp26382390
Inspiring
February 24, 2019
Answered

Playback control for HTML SCORM disappears when Chrome is maximized. Consistent across several computers.

  • February 24, 2019
  • 1 reply
  • 1172 views

I have a simple HTML project. It starts in a new window  with everything working fine. When maximized, the playbar disappears.

Though the playbar disappears, the area where the playbar should be is still active. Click in the right place where the playbar buttons should be and the action still occurs- next, back, etc.

If you click and drag the corner of the initial window before maximizing, as the window increases in size, it reaches a point where the playbar disappears. Again, the area where the buttons should be is still still works. 

This happens on multiple computers only in the Chrome browser. The playbar doesn’t disappear in IE11, Edge, Firefox or Safari. 

Any assistance will be appreciated. The Captivate playbars work fine for me in every other way and I don’t have a need to create custom play controls except this problem in Chrome.

Thanks!!

K

This topic has been closed for replies.
Correct answer jensaint

I'm using Captivate 2019 and ran into this the other day. I have a scalable, HTML5, 1280x720 project on a 1920x1080 monitor. For me, the playbar disappeared if Chrome resized to larger than 1357px. I wrote up the solution that worked for me on my blog. Essentially, you add a line of code to the index.html file (or _scorm) that makes it work. Note, this also impacts closed captioning!

Remember, if this works for you, you'll need to add the line of code indicated every time you republish your file. Hopefully it's something Adobe can look at and just add during publish... maybe there's already an easier way I don't know about

I hope this helps!

1 reply

J
jensaintCorrect answer
Inspiring
March 12, 2019

I'm using Captivate 2019 and ran into this the other day. I have a scalable, HTML5, 1280x720 project on a 1920x1080 monitor. For me, the playbar disappeared if Chrome resized to larger than 1357px. I wrote up the solution that worked for me on my blog. Essentially, you add a line of code to the index.html file (or _scorm) that makes it work. Note, this also impacts closed captioning!

Remember, if this works for you, you'll need to add the line of code indicated every time you republish your file. Hopefully it's something Adobe can look at and just add during publish... maybe there's already an easier way I don't know about

I hope this helps!

    moyco
    moyco
    Inspiring
    April 22, 2019

    You can add the code to the default index.html file in your applications folder and then it will be done automatically every time you publish. That's what I've done with several fixes and it saves a lot of time and effort.

      kaitlinp26382390
      kaitlinp26382390Author
      Inspiring
      May 19, 2019

      That worked super!!!  I've been opening the file after publishing and editing.

      Thank you! Thank you!

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices