Forum Discussion

TsvetyPendeva-0's avatar
TsvetyPendeva-0
Community Member
3 years ago

Any way to display video controls all the time (not auto-hide) and BELOW the video, not overlapping it?

Hello,

Does anyone know of a way to display the video player controls BELOW the video, i.e. the way it used to be before the latest Storyline update that changed the video controls making the only options to either overlap your videos or not having any controls. This is very frustrating design decision the Articulate team made - "either our way or the highway"! We need those controls to be shown all the time - not to auto-hide and to display BELOW the video, not overlapping it.

Thanks in advance!

  • Hello Tsvety, 

    Thanks for reaching out! 

    There isn't a way to permanently display the video controls in the most recent version of Storyline 360. 

    I’ll be happy to pass your thoughts on to our product team, but you can also feel free to detail them more through a feature request!

  • Hello Joe,

    Those clunky new video player controls are a HUGE problem, as my customers that are in the medical industry field have a lot of videos and they all use efficiently all the space on the video window to display relevant information without blocking the rest of the content on the video and bottom is reserved for written instructions throughout the full duration of the videos. They are absolutely appalled by the "New" controls", particularly their absolute lack of customizations, they cannot even be made thinner or semi-transparent, you cannot hide some of the buttons - they are an absolute nightmare to use! My customers are so unhappy by those that they ask me to revert Storyline 360 to the version before that update and stop ever updating it! Or move to another authoring tool or use some external Java script based controls.

    • JoseTansengco's avatar
      JoseTansengco
      Staff

      Hi Tsvety, 

      I'm really sorry to hear about your customer's experiences with this update. You can install a previous version of Storyline 360 if you'd like to publish your courses without this enhancement. The June 21, 2022 release of Storyline 360 is what introduced the accessible video controls feature, which means you'll need to install Update 64 or earlier. You can reach out to our support team by opening a case to request for a version of Storyline 360 that is no longer available in the Articulate 360 desktop application. 

  • We absolutely need this control. In an effort to be accessible first, we need to show only the accessible player. And that is impossible if the player controls are hidden by default.

  • Nedim's avatar
    Nedim
    Community Member

    Here is a JavaScript code snippet that ensures video controls are always displayed

    const el = document.querySelector(".video-animation-container");

    if (el) {
        el.classList.remove("controls-hidden");
        const observer = new MutationObserver((mutationsList) => {
            for (const mutation of mutationsList) {
                if (mutation.type === "attributes" && mutation.attributeName === "class") {
                    if (el.classList.contains("controls-hidden")) {
                        el.classList.remove("controls-hidden");
                    }
                }
            }
        });

        observer.observe(el, { attributes: true, attributeFilter: ["class"] });
    }