There's a video controller, but so that it can't be manipulate it

I have a question.
I run an education site.
I am playing the video on my word press site with the code written


I want to prevent the user from manipulating only the playbar of the video controller.

When I applied ‘pointer-events: none;’ to CSS in developer mode, it became the function I wanted.

However, it is difficult to apply in practice.
How can I apply this?

Hey @jinosky.momo! This is a difficult question as there is many paths you can take to prevent users from manipulating what part of the video they watch.

As a simple first solution, I would suggest checking out the video player api and see if you can listen on when a user seeks in the video, and seek them back to part of the video they were watching before they seek.