示例：
<video controls autoplay name="media">
<source id="mp4" src="trailer.mp4" type="video/mp4">
</video>
视屏的控件在浏览器中真实面目如下：
那这些节点是从哪里来的？
W3C提出了ShadowDOM的概念，Shadow DOM 是一个 HTML 的新规范，其允许开发者封装HTML组件（类似vue组件，将html，css，js独立部分提取），使一些DOM节点在特定范围内可见，而在网页DOM树中不可见，但是网页渲染的结果包含了这些节点。
文章中转站：