侧边栏壁纸
博主头像
与末

永远相信美好的事情即将发生

  • 累计撰写 5 篇文章
  • 累计创建 9 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录

在wallpaper里插入H5播放器

与末
2022-09-21 / 3 评论 / 7 点赞 / 2,560 阅读 / 749 字

前两天我闲的没事干,突发奇想。

wallpaper里面有些壁纸是基于HTML写的。

而我正好也有HTML的音乐播放器。

理论来说是可以插入正常使用的(不用理论,就是能用)

可是!我现在用的这个壁纸它能正常插入,但UI会有偏移,播放器收缩起来,展开的按钮就消失了。

BK-htmlbfq-3.png

BK-htmlbfq-1

我在别的壁纸上面试了,都没有问题。

后面我试了好多办法,来尝试让这个HTML播放器不出问题。

插入js里面,不行。写html里面,不行。在开头就引用文件,不行。直接自己写一个js,不行。

折腾了好久都没有成功,我都想放弃了。

我又去wallpaper里想找点风格画风类似的基于HTML写的壁纸,看看能不能代替我现在的桌面。

但是很明显我没有找到,现在用的这个壁纸太戳我xp了!

后来就又去想办法,既然只有这个壁纸有问题,那肯定是这个源码影响了我的HTML播放器,那我就去翻源码。

像我这种纯小白啥都看也不懂,只能一个一个试。

先试js,一个,两个,问题不在这,又去试HTML,这一段,那一段,草,找到了。

就是这串代码。

BK-htmlbfq-4

可它是什么意思,我也看不懂。

只能百度查查,搜完一看,这个代码它重置了浏览器的默认样式。

这个不是主要问题,问题是它的*号,它把全部样式都重置了。

那我怎么办,我寻思把这代码删了试一试,我一删,好家伙,滚动条出来了,这tm放我桌面得多丑。

BK-htmlbfq-2

那咋办,找找隐藏滚动条的办法?

我又去百度找了几个代码,试了发现都藏不了。

这时,我转念一想,我寻思这么多人写html壁纸那肯定有其他解决办法。

我就去参考了别的壁纸的样式重置代码。

发现他们重置代码用的不是*号(全部重置)他们只重置了html和body。

我就赶紧复制黏贴过去,终于没问题了。前前后后折腾了好几个小时。

BK-htmlbfq-5

BK-htmlbfq-6

这种桌面插入播放器的感觉也太舒服了。

把Windows任务栏自动隐藏打开。

在配上这个歌词,真的绝了。

幸苦这么久在那一刻真的觉得好值。

虽然是一个很简单的问题,但对于我这种小白来说真的太复杂了。

大佬看到了就不要吐槽了,呜呜呜。

7

评论区