HTML 视频标签不显示在某些网站的源上

Question

为什么每次我尝试查看播放 HTML 5 视频的网站（如 YouTube）的源代码时，我都看不到 HTML 视频标签？

例如，在此网站上：http://www.youtube.com/watch?v=mzPxo7Y6JyA

Answer 1

video如果您直接加载页面源代码，则看不到该标记。这是因为videoDOM 元素是通过 JavaScript 动态添加到页面的，甚至不会保留在页面源代码中。

这是video示例中的标签：

<div class="html5-remote-module">在视频元数据和其他所有内容都加载完毕后，它会通过 JavaScript 插入到页面中。不video将标签“硬编码”在页面中的其中一个原因是，视频资源的链接必须存在于标签中（作为属性src），而 YouTube 会将请求分发到大量缓存服务器，而不是指向单个资源。