按下按钮可触发视频叠加gif？

Question

因此，根据我的理解，视频代码的poster属性允许您在视频上叠加图片和GIF。我想知道当我按下按钮时是否只能激活那个poster属性的gif？

我制作的应用程序从用户的网络摄像头拍摄图像，我只想在按下按钮后以加载gif的形式向他们提供一些反馈。

Answer 1

这可以通过setAttribute()完成：

<script>
  function addPoster() {
    document.getElementById('video')
      .setAttribute('poster', 'http://placekitten.com/300/200')
  }
</script>
<button onclick="addPoster()">Add Poster</button>

小提琴：https://jsfiddle.net/su81ro2b/2/