Forum Discussion

ElizabethEva592's avatar
ElizabethEva592
Community Member
12 months ago

Remove Playback Speed Option on Video Controls

Hello Heros!

I am wondering if there is a way to remove the playback speed button on the video controls. Our courses are gated by time, and some learners are watching the videos at 2X, which is messing with the timing triggers. 

Thanks in advance.

Elizabeth 

  • Nedim's avatar
    Nedim
    Community Member

    Hi Elizabeth,

    That can be done only with Javascript. Execute Javascript when the timeline starts on this slide:

     document.querySelector('.video-playback-speed').style.display = 'none'; 

    • tweline's avatar
      tweline
      Community Member

      Nedim do you by any chance also now the Javascript code to prevent the learners from watching the video full screen? So the most right symbol on the video controls?

      • Nedim's avatar
        Nedim
        Community Member

        This line of code will hide the video full screen icon.

         document.querySelector('.video-full-screen').style.display = 'none'; 
  • Is this a consistent fix?  Dealing with something right now, using the above, where the user will resize the browser window, and the controls will pop back in.

  • Nedim's avatar
    Nedim
    Community Member

    This line of JavaScript hides the "Playback Speed" icon on the page. Setting the CSS display property to none removes the icon from the document layout, making it invisible. It should remain hidden even when the browser window is resized. Could you please record the issue or upload your .story file for troubleshooting? This would help in identifying the problem more accurately.