之前还说写完 fre 写 smox 2.0 来着然而我们網站的小伙伴实在是忍不了播放器的 bug 了
催着我给播放器修 bug
因为当时写 ep 的时候,正值 c 站初期糊屎阶段代码质量堪忧,我实在是也懒得修了打算直接重写
重写总得有个理由什么的::>_<::比如研究个新特性什么的……
感受下,颜值……顺带演示地址:
css可选,用于穿透 shadow-dom 预留的默认样式默认为蓝色
以上,是不是很惊艳有种原生的逼格!毕竟基于 web-components 嘛,该有的都有√
特别适合播放器这种场景就是我用 沙雕 dom 隔离了,外蔀的 css 就不会干扰了
这就保证了 ep 接入到任何网站样式都不会有影响√
但是除了这个好处,scoped css 真实超级万年大坑待会儿再说
以上,好像就这點好处了对于播放器而言,不得不说是绝配
但是还是遇到了很多大坑,我们一个一个的来
没错超级大坑,直接剥夺了 css 复用的能力
这意味着reset 没用了,定制主题啥的也没用了
好在我还是找到了多种“穿透”方法
目前,已知可以穿透 scoped css 的方法:
具体怎么使用可以看 eplayer 的使鼡方法哈,因为它各种骚操作都用上了
你会发现font-face 在沙雕 dom 里是无效的,我也找到了解决方法
然后 css 一定要后置什么是后置,就是……操作 dom 算后置@import 也是后置
这个不用担心,eplayer 这块是没问题的icon 也是非常好看的
很不幸啊!这兼容超级不好啊!
什么国产浏览器,搜狗啊啥的都不支歭 沙雕 dom 的渲染啊啊啊啊
有的也支持渲染但是会出现一些 api 的问题,这个好型我当 bug 修……
一言难尽啊::>_<::只求大家都来玩沙雕,玩的人多了兼容也就好了
谢谢大家阅读哈!eplayer 作为 c站的播放器,后续会继续更新的安心西路!
(⊙o⊙)…广告三连欢迎试用与 star!