Forum Discussion
How do I disable accessibility buttons in video controls on Storyline 360
Scenario: I'm working on a Storyline project where a learner watches a video and receives prompts at specific moments during playback. They can input their suggestions in a text input box, and the v...
Hello Nedim,
What JavaScript commands did you use to hide the Fullscreen and the PIP controls?
Thanks....Gary
This code will hide both the Fullscreen and PiP controls:
const controls = document.querySelectorAll('.video-full-screen, .video-pip');
controls.forEach(control => control.style.display = 'none');Note: hiding the PiP control in Firefox may not work as intended. Firefox forces the PiP button to appear on videos longer than 45 seconds, even if display: none; is applied via CSS or JavaScript. If this is a case, try adding this code to above script:
var video = document.getElementsByTagName('video')[0];
video.disablePictureInPicture = true;Thanks so much Nedim! That worked perfectly.
Hi Nedim,
This code will hide both the Fullscreen and PiP controls
const controls = document.querySelectorAll('.video-full-screen, .video-pip'); controls.forEach(control => control.style.display = 'none');
But, In same query not works in viedeo timeline {display: none;} ?
