• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Play bar without the drag/slider option

Explorer ,
Aug 18, 2020 Aug 18, 2020

Copy link to clipboard

Copied

I'm working on a project that contains a few videos. The client wants the playbar for the videos, but without the scrubbing option. As there is no such functionality in Captivate 2019, I used a code (given below) that I found online. For the shorter videos, this code is successful in disabling the scrub feature. However for the longer videos, the scrubbing suddenly pops up in the middle of the video.

 

Is there any other way to disable the scrub feature?

 

// hide the slider thumbnail
var thumbEl=document.getElementsByClassName('playbarSliderThumb')[0]
thumbEl.style.display='none'
// disable drag and click slider navigation
if (!cp.playbar.mainMovie._jumpToFrame) {
cp.playbar.mainMovie._jumpToFrame =
cp.playbar.mainMovie.jumpToFrame
cp.playbar.mainMovie.jumpToFrame = function(a) {
var stack = new Error().stack
var callerIsNotPlaybar =
stack.indexOf('HTMLCanvasElement.moveSlider') == -1
&& stack.indexOf('PlayBarSlider.moveSlider') == -1
if (callerIsNotPlaybar)
cp.playbar.mainMovie._jumpToFrame.call(cp.playbar.mainMovie, a)
}
}

Views

374

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 25, 2020 Aug 25, 2020

Check out James Kingsley's presentation from the Adobe eLearning World Conference earlier this year. He demonstrates how you can create a custom progress bar that progresses along with the course using JavaScript. 
https://elearning.adobe.com/2020/06/javascript-in-elearning-for-beginners-workshop/

Votes

Translate

Translate
Community Expert ,
Aug 25, 2020 Aug 25, 2020

Copy link to clipboard

Copied

Check out James Kingsley's presentation from the Adobe eLearning World Conference earlier this year. He demonstrates how you can create a custom progress bar that progresses along with the course using JavaScript. 
https://elearning.adobe.com/2020/06/javascript-in-elearning-for-beginners-workshop/

Paul Wilson, CTDP

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Sep 03, 2020 Sep 03, 2020

Copy link to clipboard

Copied

LATEST

Thanks Paul!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources