如何暂停播放网页背景中设置的gif

Question

代码如下：

enter code here
        <style type="text/css">
        body  
          {
            overflow: hidden;
            background-image:url(AU.gif) ;
            border-image-repeat: no-repeat;
            display: inline-block;
            vertical-align: top;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            margin: 60px 450px;
            background-position: center center;
            background-size: cover;
        }
       body>.grid 
        {
            height: 100%;
        }
        
        .image 
        {
            margin-top: -100px;
        }
        
        .column     
        {
            max-width: 450px;
        }

输出：

在此处输入图像描述

-这是我网页的GIF - 1：https://i.stack.imgur.com/GflkC.gif

现在，我想要做的是，当任何用户打开这个网页时，GIF动画会停在GIF第一状态(我们可以看到各种线条和点)，并在用户输入写登录凭证后暂停在当前位置，然后这个GIF动画继续并转到它的最后状态(也就是我们可以看到GIF动画变得不可见)。那么任何css属性或JS代码都有可能吗？提前谢谢你。

Answer 1

暂停并播放gif是不可能的，但当使用javascript播放视频而不是gif时，这是可能的。