将带空格的播放图标插入页面标题 - 与YouTube一样

Question

所以我得到了这个小代码I found online，以便在播放和暂停视频时像YouTube一样在页面标题栏中显示一个unicode播放图标：

$('audio').on('play pause', function () {
    var player = $('audio')[0];
    PrependPageTitle(player);
});

function PrependPageTitle(player) {
    if (player.paused) {
        if (document.title.charAt(0) === '\u25ba')
            document.title = document.title.slice(1);
    } else {
        if (document.title.charAt(0) !== '\u25ba')
            document.title = '\u25BA' + document.title;
    }
}

完美无缺。我唯一的问题是页面标题和图标之间的播放图标后没有空格。这有点困扰我。我尝试为空格(+ '\u0020')添加unicode，但它似乎无法正常工作。有人可以帮助我吗？谢谢你的时间。

Answer 1

您共享的示例在添加的字符后面有一个空格。他们有\u25B6而你有\u25BA（不同的字符代码，之后也没有空格。）

Answer 2

添加空格

document.title = '\u25BA ' + document.title;
                       ^^^

删除它时，您需要考虑这两个字母。