Skip to main content
Known Participant
November 21, 2022
Answered

About the numbers displayed in the playback bar of an interactive video

  • November 21, 2022
  • 2 replies
  • 1774 views

Interactive video was created using Adobe Captivate 2019 and published as HTML5.
If you hover the mouse pointer over the playback bar of the published interactive video, you will see something like a slide number, as shown in the image.
How can I prevent this slide number thingy from being displayed?
Perhaps it is possible by editing the js file, but I am not familiar with JavaScript, so I didn't know.
This text is using a translator and may be a difficult question to understand, but I would appreciate an answer.

Translated with www.DeepL.com/Translator (free version)

    This topic has been closed for replies.
    Correct answer TLCMediaDesign

    It is not in itself a bad thing that slide numbers are displayed.
    In the first attached image, the total number of slides is 14, and 7 of them are quiz slides that are overlaid.
    So, for my part, I prefer the notation X/7.
    I thought it would be difficult to change the 14 to 7 and wanted to remove the tooltip.


    If you execute this JavaScript onSledieEnter of the 1st slide it will remove the slider thumb. If you are using bookmarking it will need to be on every slide.

     

    var elem = document.getElementById("playbarSliderThumb");
    elem.outerHTML = "";

    2 replies

    TLCMediaDesign
    Inspiring
    November 21, 2022

    The only way I know how to do this is to not display the slider thumb.

     

    You can remove the title attribute from the thumb, but the attribute still exists in the outerHTML of the element which is all but impossible to change since it is a string and is always changing.

    PRKTAuthor
    Known Participant
    November 22, 2022

    I searched the published file with thumb and found a few descriptions that looked like that, but the contents are too complicated for a beginner to know which description to delete....
    It seems difficult to delete slide numbers that appear on mouse hover.
    Thank you for your answer.

    RodWard
    Community Expert
    Community Expert
    November 22, 2022

    The reason for the "difficulty" is that the text that appears in the tip text is probably being generated by JavaScript code as the content moves from slide to slide.  So, it's "dynamic text" rather than "static text".  In order to get rid of it you would need to isolate the code that is generating the text and change something there.

     

    But if someone like Dave at TLC Design wasn't able to get rid of it, then it MUST be really hard.  He's a bit of a legend when it comes to Captivate Javascript hacking skills.

    Lilybiri
    Legend
    November 21, 2022

    Translators can be tricky.

    I suspect you are not talking about 'Interactive video' in the meaning it has in Captivate: that is a video on one slide which has bookmarks and overlay slides.

    You probably have a cptx project which is publiahed to HTML5? Do you have 14 slides in the project?

     

    Personally I never use a default playbar for many resaons: it is confusing when the project has branching, it allows the learner to scrub the progress bar and just skip over a lot, even preventing actions to be done by scrubbing over events. You could simply take out that progress bar using the settings under Project, Skin Editor.  Do you really want to offer that scrubbing possibility? If you want to allow free navigation an overlay Table of Content could be a better alternative. It allows navigation to slides, and you can limit the free navigation to only Visited slides.

    PRKTAuthor
    Known Participant
    November 22, 2022

    There are 14 slides in the ctx project, 7 of which will be question slides that will be overlaid.
    I am new to items such as Skin Editor and Table of Content.
    The Table of Content looks useful and I would like to utilize it.
    Thank you very much for your answer.