禁用 GIF 自动播放答案

【问题标题】：Disable GIF autoplay禁用 GIF 自动播放
【发布时间】：2014-08-22 04:39:00
【问题描述】：

我正在寻找一种方法来自动禁用我的小聊天网站上发布的动画 gif 的自动播放（基于 php）我想我已经接近了，但我对这个脚本完全没有想法：

<script>
myVid=document.getElementsByTagName('img');
function disableAutoplay()
  { 
  myVid.autoplay=false;
  myVid.load();
  } 
</script> 
</head>
<body onload="disableAutoplay();">

目标：防止已发布的 GIF（动画）自动开始加载。谢谢

更新

能够使其与 jquery 一起工作，但是-> 试图找出一种更清洁的方法来做到这一点，关于鼠标悬停事件的建议让我思考，也许这样的事情是可能的？

        $com  = $_POST['txt'];
        $count = strlen($com);
        $com = stripslashes($com);
        $alter1 = array(".gif");
        $com = str_ireplace($alter1, ".gif autoplay=false onmouseover **MAKE IT PLAY**", $com);

我现在如履薄冰，甚至不确定是否可以使用 HTML 标记来控制这样的 GIF

【问题讨论】：

你的意思是这样的stackoverflow.com/a/19990234/961695 ?
我不确定 autoplay 属性，但鉴于 myvid 可能会在文档完全加载之前填充，您可能希望在函数中移动第一行。
Stop a gif animation onload, on mouseover start the activation的可能重复
@amphetamachine - 好吧，如果 GIF 位于我系统上的文件夹中，这是一个很好的解决方案，但这些不是，名称是动态的......所以，这是一个很好的线索，但这对我没有多大帮助..

标签： javascript onload animated-gif autoplay

【解决方案1】：

我不知道是否有原生的停止方式，但你可以做的就是把静态的 png/jpeg 图片作为你的 gif 图片的起点。然后，当您点击播放时，将静态图像替换为动画 gif 图像。

更新：

<script>
window.document.onload = function(e){ 
   var myVid=document.getElementsByTagName('img');
   var gifPath=myVid.src;
   myVid.src='/static/image/path.png'; 
   // now you can use your gif depending on business logic
}    
</script>

PS：代码没有经过测试...这只是为了显示一个伪代码。

【讨论】：

哦，没想到。谢谢 :) 会试一试。