Skip to main content

Local Playback Styling



  • Bane

    Hi Scott,

    Yes, all of the aspects of our embeddings can be changed in any way you like.

    The CSS code would be used in all cases, however you could really even do it through JS if that was needed.

    Now if you tell me the theme you are using I could help you with the exact class that you would use for this (some classes change based on your theme name and color.

    In terms of knowing when the localplayback is available or not, there is no option at this time. With that said, you could listen for "ready_to_play" event as that would tell you when the video can be played. This will fire before the playing event (when someone actually starts the playback).

    If the video is still uploading when the event telling you that video is ready to play fires the video is available for local playback.

    Now with all of that said, you could really change the text or background of the embedding notification and have it styled in such a way that it is easy to see what it says, regardless of the background.

    Actually some of our themes have this type of implementation already so I do suggest checking out all of our themes to see what looks best for you if you did not do so before :)

    Recorder themes:

    Player themes:

  • Scott Murphy

    Hi Bane,

    Thanks for the detailed reply.  We are using the Modern theme for recording with the default color of white.  Please note that I did try to change the theme color to red when setting up the embed parameters but the 'uploading' text in the upper left hand of local playback was still white even through the recorder was red.  I am using r34 of both the JS and CSS files.

    We prefer not to color the theme or change the theme as we prefer Modern.  I would greatly appreciate the classnames for removing the uploading text so we can hide it and move the uploading progress outside of the embedded recorder.  The upload always goes so fast that I never had enough time to find the classname using the console :-)




  • Natasha Calleia

    Hi Scott,

    For the modern theme with localplayback the class you’re looking for is ba-videoplayer-topmessage-message. You should be able to use CSS to either change the color or completely hide the text, as you mentioned on your previous message. :)

  • Scott Murphy

    Thank you!  I was able to put a slightly opaque background behind the text (as well as increasing the font-size) so this messaging can be seen in any background.




Please sign in to leave a comment.