Video playback speed

[asdfrew]

Hi is there a way to adjust the playing speed of a video in the Classic or new video player? I want to slow down the speed of the video on the page https://happysoulhungrymind.com/HWP/stress-anxiety/

Thanks.

[ruenel]

Hello @asdfrew,

Thanks for posting in! Regretfully the video player element does not have any functionality to speed up or slow the speed of the video. It will require custom coding to accomplish what you have in mind. Perhaps these links might help you:

• https://www.w3schools.com/tags/av_prop_playbackrate.asp
• https://stackoverflow.com/questions/3027707/how-to-change-the-playing-speed-of-videos-in-html5
• https://www.codespeedy.com/html5-video-in-slow-motion-with-playbackrate-property/

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance.

Best Regards.

[asdfrew]

Hi, from the article I got the code below, but I do not know where to put the code - would it go in the javascript? I put it there but I dont think it made a difference.

var vid = document.getElementById(“Dog_RunningVideo”);
vid.playbackRate = 0.2;

https://happysoulhungrymind.com/HWP/mind/

[tristup]

Hi @asdfrew,

I found the below code in the reference link given by my colleague and seems that working. I have tested the code through the Browser console found working. You have to adjust the value as per your need.

 /* now play three times as fast*/
document.querySelector('video').playbackRate = 3.0;

Please add the above code to the Theme Options > JS or into the specific page JS section.

Please find more information on the video and the attributes here in this article, please read the PLAYBACK ATTRIBUTES section from this: https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks