加载HTML格式视频的时间是什么

我正在写一个网页，当用户点击按钮时显示一个覆盖div。 其中一个叠加div在显示时自动播放视频，其他的只显示图片。下面是玉器代码的一部分

div.overlay#video-content
    div.video
        video#vid-name(controls loop)
            source(src="/video/video.mp4" type="video/mp4")
div.overlay#pic-content
    div.pic-1
        img.des(src="/images/picture-1.png")

在GoogleDeveloper工具的“网络”页面中，它只显示HTML、CSS、JavaScript和图像文件的时间和文件大小。 尽管该div出现时页面可以播放视频，开发工具不会显示浏览器加载视频文件的时间和时间

我想知道浏览器什么时候能收到视频内容。我相信如果不从服务器获取资源，浏览器就无法播放此视频

---

另外，我已尝试使用ctrl+F5强制浏览器为每个资源请求服务器。

如果您的服务器支持字节范围请求，则浏览器通常会请求“块”中的视频，并在有足够信息开始时开始播放

然而，一个标准MP4文件的末尾有它的元数据，这意味着视频在下载完所有块之后才能开始

您可以修改MP4，将元数据移动到前端，以使用各种工具实现更好的流式传输-有关一个qt faststart的更多信息，请参阅此处：

如果您想要更好的用户体验，那么您可能希望使用支持自适应比特率流的专用视频流服务器-这将创建从低质量到高质量的多个大小版本的视频，并且浏览器从最符合当前网络条件的大小文件请求下一个块

如果您这样做，那么您很可能会更好地使用现有的视频流服务器，而不是尝试自己重新创建此功能。开源流媒体服务器的一个示例是：

---

谢谢您的回答，我没有收到您答复此问题的通知。