不搞了都搞蒙了

这两天够无聊的，都不知道把主题搞成什么样了，明明一款复古风格，却百搭新潮流玩意。这里偷那里借的，再这样下去复古元素就被汉化了。仔细想想，还真有点让人后怕。得了，从今天起不瞎折腾了，还是回归老本行 —— 安心吹牛、发发水文，反倒自在些。

折腾了这么一通，唯一能让自己看得顺眼的，大概就是 AI 帮忙写的那个视频播放页面了，以后视频横竖屏切换总算能自由顺畅。为了这东西，我把 AI 都快问 “冒烟” 了，连它输出的代码都一度乱成 *xx$@%#@^%#$$r 这样，简直没法看。

其实我想要的效果特别简单，可这该死的 AI 就是理解不了,或许是我描述得不够清楚。我只是想让 9:16、3:4 这些比例的视频，在 PC 端播放时能固定在 60%-70% 的宽度（实测这个范围显示效果最好），同时搭配固定高度。要是默认 100% 宽度，视频就太大了，看着很不舒服。另外，在手机端也得显示得好看才行。

不过新问题又来了：竖屏视频的显示是调好的，但视频源里还有 16:9、4:3 这类比例的视频。如果也按 70% 的宽度来显示，它们就会显得特别小，整体看着很不协调。所以这类视频得用 100% 宽度显示才够舒服。

我想要的观看体验很明确：画面得固定住，刷新视频时上下不能有拉伸或抖动。于是把这些想法一股脑全告诉了 AI，让它给个解决方案。来来回回调教了小几十次，总算完美搞定了 —— 就像现在图里的视频这样，宽度拉满，高度自适应，看着特别顺。

框架总算搭好了，可新问题又冒了出来：视频文件要是太大，播放时就容易卡顿。所以得加个加载图进去，顺便把播放器自带的那个转圈圈加载按钮给隐藏掉，这样看着能更美观些。为此，我特意做了两个自己喜欢的加载图。

为了这两张加载图，我在百度上搜了半天都没找到合适的，最后只好从抖音表情里扒下来自己弄。只是生成的 GIF 文件太大了，动辄就几兆起步，没办法只好压缩了一下。虽说清晰度差了点，但好在不影响使用，总比没有强嘛。

经测试，所有效果在华为浏览器里显示完美，其他IE没试过，不过夸克IE 16:9的视频不会切换，差评~至于PC端好像还行，没发现错位什么的。