Restrict Video Articulate Storyline

nrzmalik

Jan 17th, 2025 (edited)

347

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

JavaScript 1.05 KB | Source Code | 0 0

raw download clone embed print report

restrictvideo("YourVideoAccessibilityText");
/* Comment: Replace "YourVideoAccessibilityText" with the accessibility text of the slide video.
To use the Storyline JsAPI variable reference, you can customize the function's query selector accordingly. */
function restrictvideo(videoId){
const eventHandlers = new Map();
var video = document.querySelector(`[data-acc-text="${videoId}"] video`);
const seekbar = document.querySelector('.video-seekbar');
seekbar.classList.remove('draggable');
seekbar.style.cursor = 'not-allowed';
const events = ['mousedown', 'touchstart', 'click', 'dragstart'];
events.forEach(event => {
const handler = (e) => {
e.preventDefault();
e.stopPropagation();
return false;
};
eventHandlers.set(event, handler);
seekbar.addEventListener(event, handler, true);
});
video.addEventListener('ended', () => {
seekbar.classList.add('draggable');
seekbar.style.cursor = 'pointer';
events.forEach(event => {
seekbar.removeEventListener(event, eventHandlers.get(event), true);
});
});
}

Add Comment

Please, Sign In to add comment