HTML5 audio、video原生样式修改，查看shadow dom的方法

audio和video的样式修改，一般都是重写界面，然后用js操作audio和video，这种方法的优点是界面定义更灵活，更美观，缺点是如果只想改一点点，比如video播放条颜色，而动手重新写，代价

shadow dom的作用和用法详解(createShadowRoot, attachShadow)

相信shadow dom很多前端开发工作者都遇到过（点击查看 HTML5 audio、video原生样式修改，查看shadow dom的方法 ），它是web component的一部分。不过对于shadow dom很多人并不深入了解，只晓得是影

Shadow DOM 详解

顾名思义，shadow dom直译的话就是影子dom，但我更愿把它理解为DOM中的DOM。因为他能够为Web组件中的 DOM和 CSS提供了封装，实际上是在浏览器渲染文档的时候会给指定的DOM结构插入编写好的DOM元素，但是插入的Shadow DOM 会与主文档的DOM保持分离，也就是说Shadow DOM不存在于主DOM树上。