javascript - vueJs组件的生命周期的一个疑问？

Question

在一个SPA页面里：url：xxxx.dev/video/{:id}，有一个vue组件的视频播放器。

当在视频列表的不同集数点击的时候，该SPA页面通过canReuse = false来使页面刷新，此时视频播放器会经过created方法和destoryed方法，video的source是SPA页面从服务器请求，然后通过props传递给vue组件的，这时候会出现一个bug。

由于视频播放器可以通过空格来开始和暂停播放，当从第X集跳到第Y集时，按下空格后，X集的视频声音还会继续播放，跳跃很多集后，之前的集数的声音在，最新页面的声音画面都在，但通过log看出该视频播放器组件是经历了created和destinyed的，不知道问题出在哪里。

bug展示页面：http://www.clannader.com/video/1

希望对vue组件化了解的前辈指点一下，谢谢！