Skip to main content
michellek49
michellek49
Known Participant
April 6, 2018
Question

Removing Playbar

  • April 6, 2018
  • 2 replies
  • 866 views

I am using the youtube interaction to show a video in my project. I want the user to watch the whole video and not be able to scroll through it. Is there a way to remove the playbar that is in youtube from the video? There is an option to remove it but only for SWF. Is there a way to remove it for HTML5? I have the playbar removed for Adobe Captivate. Thanks!

This topic has been closed for replies.

2 replies

David Burnham HBA
David Burnham HBA
Inspiring
April 6, 2018

I was thinking the same that you could try adding the control=0 parmeter (that's a zero) to the url path in the widget, (something I would do in an html path on a web page) to see if the widget would work but it seems to have no effect on the video playback on the widget and the the video plays with controls in place.

sabre123
sabre123
Participating Frequently
April 7, 2018

If you wanted to get sneaky, you may be able to keep all of the youtube controls, but disable seeking by attaching a CSS style onto the <div class="ytp-progress-bar-container" ...

In the Developer tools, I added style="pointer-events: none;" and you can no longer click the seek bar to move through the video. You can still pause it.

Whether you could add that to the CPLibraryAll.css file with an !important flag, I do not know.

Jeremy Shimmerman
Jeremy Shimmerman
Participating Frequently
April 9, 2018

More sneakiness - you could add a transparent / alpha box in front of the Youtube play-bar.  

sabre123
sabre123
Participating Frequently
April 6, 2018

Did you try hiding the controls per instructions on this page?

YouTube Embedded Players and Player Parameters  |  YouTube IFrame Player API  |  Google Developers

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