Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #247720

    I was wondering if there is a way to add a timeline/slider to the audio player to fast forward or rewind sermons?

    Thanks for your help!

    #247727

    Hi edkoge!

    Please try to add this code into the quick css field to show a status bar:

    
    .mejs-container .mejs-controls .mejs-time {
    padding: 8px 1px 5px 10px;
    }
    
    .one_third .mejs-controls div.mejs-time-rail, .one_fourth .mejs-controls div.mejs-time-rail{
    display: block !important; 
    }
    

    Regards,
    Peter

    #247732
    This reply has been marked as private.
    #247748

    Hey!

    Try to decrease the padding of the “time” element:

    
    .mejs-container .mejs-controls .mejs-time {
    padding: 8px 1px 5px 1px;
    }
    
    

    If this doesn’t help I suggest to remove the time element with:

    
    .mejs-container .mejs-controls .mejs-time{
    display: none;
    }
    

    Regards,
    Peter

    #247860
    This reply has been marked as private.
    #248656

    Hi!

    You can display the time with:

    
    .mejs-container .mejs-controls .mejs-time{
    display: block;
    }
    

    but as it stands you can’t display the time bar and the current time value without breaking the player styling. You can try to decrease the width of the volume bar a bit (use this code):

    
    .mejs-controls div.mejs-horizontal-volume-slider {
    width: 55px;
    }
    

    – maybe then you can display all three control elements side by side.

    Cheers!
    Peter

    #249598
    This reply has been marked as private.
    #249622

    Hey!

    Try to add this code:

    
    .mejs-container .mejs-controls .mejs-time {
    padding: 8px 0px 5px 0;
    }
    

    Best regards,
    Peter

    #249628
    This reply has been marked as private.
    #249767

    Hi!

    Please try adding following code to Quick CSS

    .mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
    width: 44px !important;
    }

    Best regards,
    Yigit

    #250110
    This reply has been marked as private.
    #250206

    Hey!

    Please try following one

    .mejs-controls div.mejs-time-rail {
    width: 36%!important;
    }

    Best regards,
    Yigit

    #250477

    Thank you so much! That worked!! Your help is greatly appreciated!!

    Regards

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Incarnation – Timeline / Slider for Sermons’ is closed to new replies.