Disabling playback speed, rewatch control, and skipping video

Question

Hello everyone,I'm designing an experiment where participants will watch a video and then answer related questions. To ensure accurate results, I need to disable the following video controls:Playback speed adjustment	Rewatching (seeking backward)	Skipping forwardCan anyone suggest how to achieve this?Thanks in advance!

ahmedA · Answer

Make sure the video element doesn’t have controlstag in it. Also, add the style tag ofpointer-events:noneto disable any clicks on the video.Then add two buttons for playing and pausing.Your html will be something like this:

To get the buttons to play/pause the video using this JS:Qualtrics.SurveyEngine.addOnReady(function () {const quest = this;const qc = quest.questionContainer;const video = qc.querySelector("#myVideo");const playButton = qc.querySelector("#playVideo");const pauseButton = qc.querySelector("#pauseVideo");// This will play the videoplayButton.onclick = () => {video.play();playButton.disabled = true;};// This will enable the playbutton once the video has endedvideo.onended = () => {playButton.disabled = false;};// This will pause the videopauseButton.onclick = () => {video.pause();playButton.disabled = false;};});

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded