动态更新video的src无效问题

544 阅读1分钟
<video
     :key="imgList[currentIndex].url"
      controls
      height="530px"
>
   <source
        :src="imgList[currentIndex].url"
        type="audio/ogg"
    >
     你的浏览器不支持audio标签
</video>

问题描述:

动态改变的单个source的src 但再切换别的src还是会显示第一个播放的视频的src。

分析问题:

当 video 中存在 source 标签的时候,浏览器渲染之后会自动去获取地址,

后面,即便地址改变,只是单纯的将src给了source,而浏览器并没有再去获取地址。 应该是source 优化策略,进行缓存了。

解决问题:

简单方法,vedio加个key,动态改变vedio。

参考文献:
stackoverflow.com/questions/4…