在Video.js中使用font-awesome图标？

Question

我正在尝试使用极好的video.js，它使用自定义图标字体作为界面。

然而，我需要更多的图标，我们已经在我们的网站上使用了字体 - 真棒，所以如果我们可以使用这些图标会很好，因为video.js已经使用了自定义图标字体我认为它应该很容易。

所以，我添加了一个自定义按钮：

vjs.QuickClip = vjs.Button.extend({
    /** @constructor */
    init: function (player, options) {
        vjs.Button.call(this, player, options);
    }
});

vjs.QuickClip.prototype.buttonText = 'Quick Clip';

vjs.QuickClip.prototype.buildCSSClass = function () {
    return 'vjs-quickclip-control ' + vjs.Button.prototype.buildCSSClass.call(this);
};

vjs.QuickClip.prototype.onClick = function () {

    var offset = 10;
    var time = this.player_.currentTime();
    var clipStart = time < 10 ? 0 : time - 10;
    var clipEnd = time + offset > this.player_.duration() ? this.player_.duration() : time + offset;
    console.log('Clipped at ' + time + ' so from ' + clipStart + ' to ' + clipEnd);

};

并尝试将vjs-quickclip-control替换为部分有效的icon icon-crop。

突出显示的小按钮是输出。

所以，这显然不起作用，所以现在我想知道，我该怎么做？

我试图创建一个JS小提琴，但它似乎没有正确加载......

Answer 1

啊，明白了，

我使用的新链接

.vjs-default-skin .vjs-control.vjs-quickclip-control:before {
    font-family: FontAwesome;
    content:"\f125";
}