Highlighted

Play bar without the drag/slider option

Community Beginner ,
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)
}
}

Adobe Community Professional
Correct answer by Paul Wilson, CTDP | Adobe Community Professional

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/

Views

54

Likes

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

Play bar without the drag/slider option

Community Beginner ,
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)
}
}

Adobe Community Professional
Correct answer by Paul Wilson, CTDP | Adobe Community Professional

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/

Views

55

Likes

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
Adobe Community Professional ,
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 | https://captivateteacher.com

Likes

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
Reply
Loading...
singru LATEST
Community Beginner ,
Sep 03, 2020

Copy link to clipboard

Copied

Thanks Paul!

Likes

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
Reply
Loading...
Resources
Captivate User Guide
New Group