为什么 canplaythrough 不能按预期工作

Question

这是我们在www.w3school 中作为参考的内容：

canplaythrough 事件发生在浏览器估计它可以播放指定的音频/视频而不必停止缓冲时。

这是开发人员 mozilla参考：

当用户代理可以播放媒体时会触发 canplaythrough 事件，并估计已经加载了足够的数据来播放媒体直到它结束而不必停下来进一步缓冲内容。

无需停下来缓冲！？ 我测试了一个视频，我看到视频仍然停止以进行进一步缓冲。 不使用canplaythrough没有区别。

这是代码：

let video = document.createElement('video'); 
content.appendChild(video);
let source = document.createElement('source');
source.src = `clip.mp4`
source.type = 'video/mp4';
video.appendChild(source);
video.load();

video.addEventListener('canplaythrough', function() {
      console.log('Video is loaded..');
});

我错过了什么吗？ 如何解决这个问题？ 我希望视频只在可以播放时播放，而不必停止缓冲。

注意：我使用的是 chrome 的最新更新，我希望它只能在 chrome 和 HTTPS 服务器中工作。

任何评论都非常感谢。 随时问我任何更改并在服务器上测试代码。