yeti logo icon
Close Icon
contact us
Yeti postage stamp
We'll reply within 24 hours.
Thank you! Your message has been received!
A yeti hand giving a thumb's up
Oops! Something went wrong while submitting the form.

Fixing Poster Image Stuttering on Looping Videos

By
-
April 11, 2014

A couple of days ago I was building an html5 video element that would autoplay and loop once it loaded. The idea is that it would look kind of like those looping gifs that you see all over the internet, but it's video!

WOW! The problem was that the poster image would show up at the end of every loop and give the element a jarring stutter effect.

Rudy, sensing a disturbance in the room's chi, swiftly came to my aid and wrote this script.

   $(".video-element").on("play", function(){
       $(this).attr("poster","");
   });

Thanks dude!

This replaces the poster attribute with nothing once your video element starts playing and stops the stutter. It worked for me, hopefully it will work for you too! Good luck!

You Might also like...

Shopify Checkout Using UI Extensions

At Yeti we recently created a custom Shopify App using Checkout UI extensions to pull real-time data from a client’s Enterprise Resource Planning (ERP) system into Shopify. By the end of this article you will better understand what Shopify Checkout UI extensions are, how to approach building them, and some of the things to keep in mind during the implementation process.

colorful swirlsAn Introduction to Neural Networks

Join James McNamara in this insightful talk as he navigates the intricate world of neural networks, deep learning, and artificial intelligence. From the evolution of architectures like CNNs and RNNs to groundbreaking techniques like word embeddings and transformers, discover the transformative impact of AI in image recognition, natural language processing, and even coding assistance.

A keyboardThe Symbolicon: My Journey to an Ineffective 10-key Keyboard

Join developer Jonny in exploring the Symbolicon, a unique 10-key custom keyboard inspired by the Braille alphabet. Delve into the conceptualization, ideas, and the hands-on process of building this unique keyboard!

Browse all Blog Articles

Ready for your new product adventure?

Let's Get Started