CSS coding in a Lectora 18 project not working in Online

dfulgoni6403

Hi all,

A few years back, one of you gave me a great CSS style sheet called hide.playicon.css so that the play icon wouldn't appear on the screen when a full screen video paused for a question. However, it isn't working when I bring that Lectora 18 project into Lectora Online. Any suggestions?

Thansk so much,

Dominic

mnotermans5114

Lectora Online and Lectora desktop work quite different under the hood. One of the changes is html names of the page elements. In Lectora Online they are renamed when published to tobj..... So best is check your browser inspector for any mistakes that prevent proper working.

Kind regards,

Math

dfulgoni6403

Hi Math. I unfortunately know nothing about code, so I'm not sure how to move forward. What is tobj? I've attached the code that the original css file had. Is there any way to apply this same result in Lectora Online with new coding?

wheels

Hi Dom (@dfulgoni6403)

Strange, this works great for me. I'm attaching a screenshot of how I have it setup.

Is that how you have it defined in your project?

- Joe

dfulgoni6403

Yep. That's exactly how I have it. So strange.

wheels

Would it be okay for me to look at your title? If so, please let me know the name of your title, and I will find it in your Lectora Online account.

- Joe

dfulgoni6403

Joe,

That is fine with me. The name of the title is Sexual_Harassment_Prevention_One_Hour.

It seems that it's working when I check it in Page Preview, but not when I test it in Run Mode.

Thanks,

Dominic

wheels

Hi Dom (@dfulgoni6403)

That is a limitation in Lectora Online's runtime. It will not load your external scripting or css during runtime. We are working on correcting that. For now use the Page Preview to check any external html scripting, css, or javascript actions.

Sorry I should have mentioned that, glad you found that and commented.

- Joe

dfulgoni6403

wheels, I'm following up from this thread last year. Was there a fix for this? Is there new CSS coding that will achieve the results I need. Unfortunately, the projects I export to SCORM 1.2 for our LMS still show the big transparent pause icon when I pause a video on a page, and I've just worked around it, but I'd love to be able to pause videos without this happening.

wheels

Now the css is different.

.mejs__overlay-play {
    visibility:hidden;
}

dfulgoni6403

Thank you wheels! Though it doesn't demo correctly in Run mode, it seems to work perfectly in Page Preview. Appreciate you posting the new coding.