california app design company

Fixing Poster Image Stuttering on Looping Videos

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!

is a Yeti Alum.

blog comments powered by Disqus
Fixing Poster Image Stuttering on Looping Videos https://s3-us-west-1.amazonaws.com/yeti-site-media/uploads/blog/.thumbnails/broken.jpg/broken-360x0.jpg
Yeti (415) 766-4198 https://s3-us-west-1.amazonaws.com/yeti-site-static/img/yeti-head-blue.png