低成本，等于少了一个门槛。
我们设计项目，都要搞护城河的。
门槛太低的持续不久。

@tomoya92 嗯，想起来可以额外写个 stylish，外挂个 css 上去。这样 js 的更新就不影响了。

https://imgur.com/CLY5pn3.png

又改了一个无背景的试试。顺便加了点 hover。
间距完全用 before 的分隔符控制了，如果要不可见颜色透明就行。

style.innerHTML = "
#video_speed_div button { outline: 0; margin: 2px 0 0; background: transparent; border: 0; color: #999; cursor: pointer;}
.video_speed_div-button-active { border: 0!important; background: transparent!important; color: #00a1d6!important;font-weight:bolder; }
#video_speed_div button:before{content:'·';margin:5px;color:#999!important;font-weight:normal!important}
#video_speed_div button:hover{color:#00b5e5}";

https://imgur.com/KKq6bVe.png
因为用了左对齐，感觉可以考虑把背景色去掉，跟文字会更融合一点，不会有一个色块未对齐的感觉。
之前右对齐有一个色块倒还好。但宽度变化会偏移位置，所以才左对齐了吧。

又改了一点点样式，关于宽度和垂直对齐，你看看有没有用得上的。

let videoSpeedElement;

let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = "#video_speed_div button { outline: 0; padding:0 5px; min-width: 30px; margin: 1px -18px 0 20px; background-color: #eee; border: 0; color: #888; cursor: pointer;} .video_speed_div-button-active { border: 0!important; background-color: #00b5e5!important; color: #fff!important; }";
document.getElementsByTagName('head').item(0).appendChild(style);

let _interval = setInterval(function () {
if (document.querySelector(".bb-comment") && document.getElementById("video_speed_div") === null) {
addSpeedBtns();
}
}, 100);

function addSpeedBtns() {
videoSpeedElement = document.createElement("div");
videoSpeedElement.setAttribute("id", "video_speed_div");

let speedArr = [1, 1.25, 1.5, 1.75, 2, 3, 4, 5];

for (let i = 0; i < speedArr.length; i++) {
let speed = speedArr[i];
let btn = document.createElement("button");
btn.innerHTML = "x" + speed;
btn.setAttribute("id", "third_video_plugin_btn_" + speed);
btn.addEventListener("click", changeVideoSpeed);
videoSpeedElement.appendChild(btn);
}


document.querySelector("#viewbox_report").querySelector(".video-data:last-child").appendChild(videoSpeedElement);

clearInterval(_interval);

// 加载之间已经设置的速度, 在同一个页面中切换视频后，设置的速度就没了，这里用一个定时器，200ms 设置一下
setInterval(function () {
let third_video_plugin_speed = localStorage.getItem("third_video_plugin_speed");
if (!third_video_plugin_speed) third_video_plugin_speed = '1';
for (let i = 0; i < videoSpeedElement.childNodes.length; i++) {
let btn = videoSpeedElement.childNodes[i];
if (btn.getAttribute("id") === "third_video_plugin_btn_" + third_video_plugin_speed) {
btn.click();
}
}
document.getElementById("third_video_plugin_btn_" + third_video_plugin_speed).click();
}, 200);
}

希望能参考一下我的修改，主要几点。
1. 选项稍微减少一点，3 倍以上的时候，0.5 倍不是很必要。
2. 减少按钮间距。
3. 我是前端，我有调整按钮和左侧文字垂直对齐的问题。这里一般会采用垂直居中，或者基线（文字底部）对齐。

---

希望如此改动的理由是，刚才油猴自动更新了，按钮变得很宽。
我是在一个竖屏的屏幕上播放的，宽度 1080，或者 960 的时候，按钮会过宽。1920 是正常的。

当然，如果你觉得修改麻烦的话，也希望能告知。如果你不介意的话，我想 fork 一个版本出来自己用。

巴纳姆效应+冷读法 用得多一点
统计作为辅助吧

大家冷静，看个视频消消气。
[《一千个品牌黑历史》第三期：华为_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili]( https://www.bilibili.com/video/av62998739)

@imzhoukunqiang
@geelaw
不懂啥是背包问题，凑合写了一个，基本满足我自己的需求了。
缩进随缘吧。有空改个 js 的挂网页。

item = {'creatine': 64.35, 'protein': 103.35, 'bcaa': 64.35}
priceLimit = 428

# 格式化商品数据
itemDict = {}
for name, price in item.items():
itemDict.setdefault(price, '')
itemDict[price] += f'/{name}'
itemDict[price] = itemDict[price].lstrip('/')
itemList = sorted(itemDict.items(), key=lambda x: x[1])
drawTitle('ITEMLIST')
[print(f'{price:8.2f} | {name}') for price, name in itemList]
print(f'\nTraget Price: {priceLimit:.2f}')
r = {}


def orderNum(itemList, prevOrder='', prevPrice=0):
for num in range(999):
price, name = itemList[0]
thisOrder = f'{prevOrder} + {num} {name}' if num else ''
thisPrice = prevPrice + price * num

# 如果当前价格超了 就不再增加数量
if thisPrice >= priceLimit:
r[thisOrder.strip('+ ')] = thisPrice
return

# 如果价格没超 就往下一位
if len(itemList) > 1:
orderNum(itemList[1:], thisOrder, thisPrice)


orderNum(itemList)
# 按总价升序
r = sorted(r.items(), key=lambda d: d[1])
drawTitle('RESULT')
[print(f'{total:>8.2f} | {order}') for order, total in r]

一般的健身知识网上都有，私教的学习能力大都不如程序员。

@Kagari 您说得对。您真厉害。学到了。

@Kagari 你说的特例全都正确。
我也充分理解到你在字幕这个领域的丰富学识和专业追求。
每次下字幕，顺便下个几十倍大的字体文件，然后安装到系统。
这的确是一个解决方案，但是有点麻烦。

我的诉求只是不希望看到（回退的）宋体。
希望更加简单一点。比如字幕组举手之劳，直接把字体搞成黑体。
而不是今天这家来个方正 XX，那家来个汉仪 XX，隔天又为了匹配主体，来个 XX 娃娃体或者 XX 少女体之类的，这样难免遇到回退问题。
应该借鉴 css 的通用做法，优先考虑兼容。而不是 font-face 一个几十兆的中文字型。

（测试了 windows，字体设为{黑体}，显示出来也的确是黑体。
虽然不知道是回退到哪一种，应该是注册表 fontlink 那边的设置。）

希望回复的内容是朝解决问题出发。感谢。

@onionnews potplayer 设过，但好像挺复杂的。
只改字体，但不影响字号和颜色，不知道咋搞。

@Kagari 很多时候并未提供吧。
而且字幕不到 1M，配个几十兆的字体文件也不大合适。
另外字体还会涉及版权问题，可能会有额外的麻烦。

@yzwduck
@starrycat

有时候是字体回退，比如我刚看手头一个文件，default 字体是
{Style: Default,方正黑体_GBK,20,&H00FFFFFF,&HF0000000,&H00000000,&H32000000,0,0,0,0,100,100,0,0,1,2,1,2,5,5,2,134}

但内部英字，却指定了雅黑。
Dialogue: 0,0:05:21.26,0:05:22.84,*Default,,0,0,0,,不要開門 住手\N{\fn 微软雅黑}{\b0}{\fs14}{\3c&H202020&}{\shad1}Don't open the door! Stop it!

但也经常看到直接就把 default 设置成宋体的。

@KevinChan 原来如此

@trepwq cash 是贷记卡？