Embedded HTML 5 Videos often default to looping video and this is derived from the video ‘loop’ attribute. Here is how you can remove the Video loop attribute with a simple jQuery snippet: –
How to use jQuery Remove Video loop attribute
Simply call jQuery and add your code before the closing </body> tag and then add the class ‘.noloop‘ to the parent of the video element. It simply removes the attribute ‘loop’ from the video HTML and that allows the video to run to the end and stop without looping.
This code will work on any HTML video element and we find it particularly useful for removing the loop on Background Video elements like Webflow Background Video.