Animate on Scroll (AOS) animations do not work when HTML5 video element is on page

I have an HTML5 video element on my page, and my animations are not working. They work on every other page of the website. Here is my video code:

Rotating HTML5 Video and saving Canvas

I have a HTML5 Video using jpeg_camera (https://github.com/amw/jpeg_camera) The Output of hte video on the html looks like this:

How to make custom video player applicable to multiple videos?

I have multiple HTML videos on my page, and want to apply this custom video player to them. The thing is, this only works for the first video, and not for the second, third and fourth. I have no idea …