为什么我的jQuery代码不会更新视频元素中加载的实时图像？

Question

我有一个实时图像的URL,我想将其显示为视频,但只显示第一帧而不是动画.我使用谷歌Chrome版本36.0.1985.125.

我错过了什么？

<video id="one_frame_per_second"
       autoplay=autoplay 
       poster="http://ip.address/screensaver/now.jpeg"></video>

<script>
    $(document).ready(function() {
        $('#one_frame_per_second').show();

        mtimer = setInterval(function() {
            $('#one_frame_per_second').attr(
                'poster',
                'http://ip.address/screensaver/now.jpeg'
            );
        }, 15);
    });
</script>

Answer 1

请报告 Google Chrome、Canary、Opera、Firefox 来解决这个过去一直有效的功能。

临时解决办法是：

<video id="one_frame_per_second"
       autoplay=autoplay 
       poster="http://82.143.92.19/video/now.jpeg" ></video>


<script>
  $(document).ready(function(){
      $( "#one_frame_per_second" ).show();              
      var mtimer=setInterval(function(){  
         $("#one_frame_per_second").attr('poster', 'http://82.143.92.19/video/now.jpeg?r'+Date.now());
       },150);      
  });

</script> 

注意： ?r= Date.Now() ，缓存问题+最小间隔时间