Join 10K+ people getting helpful guides, exciting case studies and much more in our newsletter.
Don't worry, we'll never share your email with anyone.
Oops! Something went wrong while submitting the form.
Connect with Yeti
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!
Don't worry, we'll never share your email with anyone.
©2023 Yeti Technologies LLC
