Gif qui ne joue plus quand on revient sur la page

Default
,

Salut!
Le site que je suis entrain de faire a un gif en fond,le seul probléme c'est que quand je quitte cette page(via un bouton)et que je reviens vers elle,le gif ne joue plus
J'ai cherché un peu partout mais j'ai pas trouvé de solutions(Enfin si mais alors mon bouton disparaisait et ne marchait plus)
Quelqu'un a une idée?
Merci ;D

L'html :

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="bouton.css">
</head>
<body>
<div id="boutoon">
<button id="bouton">Commencer</button>
</div>
<div id="fond">
<script type="text/javascript">
          var button = document.getElementsByTagName('button')[0];
          button.addEventListener("click", function () {
          window.location.assign("formulaire.html")
          });
</script>
</div>
</body>
</html>

Le css :

html {
  background-image: url("fond_3.gif");
  background-size: cover;
}
button {
    transition-property: opacity;
    transition-duration: 1s;
  width: 280px;
  height: 121px;
  font-size: 40px;
}
#boutoon {
position: absolute;
left: 820px;
top: 455px;
  text-align: center;
}