Implementing a GIF toggle in HTML

<!-- This is the portion of code you'll want to copy in between your opening and closing head tags to implement a working GIF toggle on your website, once you've done that, just add the class "freezeframe" to any GIF images or to any div containers that hold only GIF images -->
<link rel="stylesheet" href="https://unpkg.com/freezeframe@3.0.10/build/css/freezeframe_styles.min.css">
<style>.ff-container{display:inline-flex;}</style>
<script src="https://unpkg.com/freezeframe@3.0.10/build/js/freezeframe.pkgd.min.js"></script>
<script>
    $(function() {
        third = new freezeframe('.freezeframe').capture().setup();
        $('.play').click(function(e) {
            e.preventDefault();
            third.trigger();
        });
        $('.stop').click(function(e) {
            e.preventDefault();
            third.release();
        });
    })
</script>