Remove Video Loop

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: –

<script type="text/javascript">
jQuery( document ).ready(function($) {
$('.noloop video').removeAttr('loop');
});
</script>
view raw Remove Video Loop hosted with ❤ by GitHub

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.

About the Author
Remove Video Loop 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

Glenn

A highly experienced Web Designer / Web Developer (Webflow, WordPress, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.