Skip to main content
J
jasonr72140983
Participant
July 20, 2016
Question

Captivate 9 - Disable scrubbing or remove playbar

  • July 20, 2016
  • 2 replies
  • 3874 views

Can anyone help me with disabling the progress bar scrubbing, or remove the progress bar without the other icons expanding (image below).

Its a responsive project outputted to HTML5.

I have tried to edit the playbar css, cpm.js etc with no success.

This is proving to be a deal breaker for me and I do not have time to go back through every package and paste buttons on the projects themselves.

Any help would be appreciated.

Regards

Jason

    This topic has been closed for replies.

    2 replies

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    March 14, 2018

    If you add this to the assets/css/CPLibraryAll.css, it will take care of it.

    #playbarSliderThumb{display: none !important}

    #playbarSlider{pointer-events: none !important}

      Lilybiri
      Lilybiri
      Legend
      July 20, 2016

      Hi Jason,

      You can uncheck the option 'Progress bar' in the Skin Editor, Playbar:

      Another approach, but not free, is to use the HTML widget CpExtra by InfoSemantics. One of its many features is to disable scrubbing of that progress bar. That way you'll still see the progress in the playbar, but the user cannot scrub the progress bar. Since you talk about a responsive project, the output is HTML.

      Introduction to CpExtra | Infosemantics Pty Ltd

      J
      jasonr72140983Author
      Participant
      July 20, 2016

      Thanks for the help, but as mentioned in the post, removing the progress bar all together (which would be fine) results in the rest of the playbar icons taking up the space, it looks quite bad (image in original post).

      Also Ill mention again that this is a HTML5 project, so the position and layout options are greyed out.

      Surely there is a way to achieve this.

      Lilybiri
      Lilybiri
      Legend
      July 20, 2016

      Yes, by programming a playbar yourself, but you told that you tried that. It is the reason I offered you the alternative with the CpExtra widget, where you keep the progress bar but disable scrubbing when necessary. TLCMediaDesign has somewhere on his blog a description how to do this by scripting as well.

      Personally I never use a default playbar at all (you will rarely see one on my blog). Having custom navigation not only allows to apply the company's brand, but with shared actions and shape buttons it is no longer a long process. Playbar is only useful for a perfectly linear course, which I (almost) never create. Adding a TOC in overlay as a supplementary quick navigation technique is something I often embed as well.

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