今天捣鼓这个多媒体网页可折腾死我了，早上起来冲了杯浓咖啡就坐到电脑前开始整活。先从最傻的地方说起，我居然以为用记事本就能搞出炫酷页面。

踩坑之路

• 第一步打开记事本啪啪打字：写了个<video>标签塞进本地视频，浏览器打开直接给我报错。气呼呼查资料才知道得用特殊格式，立马下载了格式工厂开始转码。
• 转码差点烧了电脑：五分钟的视频转了半小时，风扇呜呜叫得像要起飞。好不容易转成MP4格式塞进网页，结果画面比例全乱套！电视机里的人物都变成面条人了。
• 图片又跟我作对：想着放点产品展示图，结果手机拍的原始图片大的吓死人。12MB的图片加载起来跟便秘似的，等半天才出来半截脑袋。赶紧用修图软件拼命压缩，压到300KB发现满屏马赛克。

上工具硬刚

气得我直接下了个专业软件搞排版。拖着素材往布局框里扔的时候手抖，整个页面突然变成俄罗斯方块现场，左边导航栏叠在右边按钮上。折腾半小时才理清层叠顺序，原来跟叠被子似的要分先后。现在想起来都手疼：给每个按钮绑点击事件的时候，复制粘贴代码漏了个逗号，整个页面直接罢工白屏。

最搞笑是测试手机浏览效果，用数据线连手机调试。点开菜单栏突然弹出来挡住半个屏幕，拇指怎么划都关不掉。原来手指头太粗惹的祸：把菜单按钮做得跟米粒似的，小年轻都得用指甲尖戳。

苦尽甘来

晚饭后突然开窍了：干脆把视频框缩成手机屏幕大小，上下塞滚动图文。熬到十点半终于搞定自适应，电脑手机都能看全乎了。保存前手贱想调个渐变色，结果Ctrl+S按太快直接关机——忘插电源笔记本没电了！开机时心脏差点停跳，还好自动保存了半小时前的版本...

现在这网页能播视频会翻图片，虽然加载时还有点卡顿。朋友微信问我今晚成果，我发了个泪流满面的表情包。等这周末买新电脑，准备拿剩下的半包咖啡继续肝，下回打死也不用记事本了！