Firefox等浏览器对iframe进行缓存的问题

测试的时候发现一个通过iframe加载视频页面时会出现第二次打开的时候视频加载不出来。stackoverflow查了很久发现是缓存的问题,第二次加载firefox会直接用缓存,导致页面打不开,后来看到网上有人说每次都生成一个随机的后缀参数,欺骗浏览器,但是发现没什么使用,服务端发送no-cache也没啥用。后来自己手动在iframe里点了一下重新加载视频是加载出来了,那我想是不是等页面刷新了,我做一个判断就可以了,视频如果没加载出来,height是0,就可以直接刷新页面,如果大于0就不做操作。
然后用以下代码完美解决问题。

function () { 
  setTimeout(
  function() {
    if($('video',$('iframe').get(0).contentWindow.document).outerHeight()===0)             
          $('iframe').get(0).contentWindow.location.reload();},500
   )
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容