Explore the community Forums Lectora Online Lectora Online Questions & Answers Applying a CSS style to a Video Object

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #390843 Score: 0
    Profile photo of kelsey rodgers
    kelsey rodgers
    Member
    beginner
    intermediate
    advanced
    friend finder
    wise owl
    profile
    contributor
    Group Member
    curious george
    picture perfect
    6 pts
    @krodgers6170

    Hi All!

     

    Hoping someone with some developer knowledge can help me out with the video object in Lectora Online.

    When importing a video onto a page, I use the generic grey skin skin player. The learners with a poor connection will see the black square that is the video before it plays and I was wondering if there was a way to make that color white – instead of black. I tried applying a css style to the video object in Lectora Online but no luck.

    Is it even possible? Or will I have to create a custom skin player?

     

    Thanks!

    #391185 Score: 0
    Profile photo of Joe Wieloch
    Joe Wieloch
    Moderator
    beginner
    intermediate
    friend finder
    contributor
    LUC16 Attendee
    verified member
    wise owl
    LUC17 Attendee
    advanced
    picture perfect
    51 pts
    @wheels

    Hi Kelsey,

    I have something to try, it will change the cover background to white. I am not sure if this will give you the result you want, but give it a try.

    On the video object add an On Show -> Run Javascript action

    In that action put the following line:
    triv$('.mejs-overlay',getDisplayDocument()).css({'background-color':'white'})

    You have to publish or do a Page Preview to see the results.

    – Joe

     

    • This reply was modified 1 year, 6 months ago by Profile photo of Joe Wieloch Joe Wieloch.
    #391260 Score: 0
    Profile photo of kelsey rodgers
    kelsey rodgers
    Member
    beginner
    intermediate
    advanced
    friend finder
    wise owl
    profile
    contributor
    Group Member
    curious george
    picture perfect
    6 pts
    @krodgers6170

    Hi Joe!

    When I copy and paste that line of code, I can’t render a preview.

    Is my syntax correct? I get a few errors in the Lectora Online built in text-editor. Screen shot attached.

     

    #391291 Score: 0
    Profile photo of Joe Wieloch
    Joe Wieloch
    Moderator
    beginner
    intermediate
    friend finder
    contributor
    LUC16 Attendee
    verified member
    wise owl
    LUC17 Attendee
    advanced
    picture perfect
    51 pts
    @wheels

    Hi,

    It looks like the curly single brackets are not right around the word white…  let me reformat to not use curly quotes:

    triv$('.mejs-overlay',getDisplayDocument()).css({'background-color':'white'})

    Okay, now it should be safe to copy! I will also fix it above, sorry about that!

    Joe

    • This reply was modified 1 year, 6 months ago by Profile photo of Joe Wieloch Joe Wieloch.
    • This reply was modified 1 year, 6 months ago by Profile photo of Joe Wieloch Joe Wieloch.
    • This reply was modified 1 year, 6 months ago by Profile photo of Joe Wieloch Joe Wieloch.
    • This reply was modified 1 year, 6 months ago by Profile photo of Joe Wieloch Joe Wieloch.
    #391312 Score: 1
    Profile photo of kelsey rodgers
    kelsey rodgers
    Member
    beginner
    intermediate
    advanced
    friend finder
    wise owl
    profile
    contributor
    Group Member
    curious george
    picture perfect
    6 pts
    @krodgers6170

    Looks really nice Joe – thank you! Appreciate you taking the time to help me out.

     

    This post has received 1 vote up.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.