ボタンを押してビデオオーバーレイgifをトリガーしますか？

Question

ビデオタグのposter属性がわかっているので、画像や画像をビデオにオーバーレイすることができます。ボタンを押したときに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/