HTML, CSS and JavaScript

Hello I’m Aniket,
I’m faced one query in my html page can you answer me this query
In html video tag I’m added the video and I have video preview thumbnail in video format of that video, but I am not be understanding how to add it in my code.
What I’m looking for

  1. On page load => Animations for video are stopped.
  2. On mouseover => Animations starts for that video
  3. On mouseout => Animation stops again for that video,
    I suppose this can be done in Jquery, or JavaScript, but I don’t know how.So, can you help me plz