Tickets markitup значки кнопок редактора - YouTube

код панели кнопок редактора при добавлении комментов такой:

{onTab: {keepDefault:false, replaceWith:"	"}
previewAutoRefresh: true,
		,markupSet: [
		{name: 'Жирный', className:'btn-bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
            {name: 'Курсив', className:'btn-italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)'  },
            {name: 'Добавить видео', className:'btn-video', replaceWith:'<video>[!['+'Введите адрес видео:'+':!:http://]!]</video>' }
           
		]}

Как сделать className:'btn-video' правильно?
В данный момент эта кнопка выглядит одинаково с кнопкой — Жирный текст
И вообще туда лучше глиф иконки впихнуть наверное.
btn-video — в бутстрапе нет такого класса как я понял, но я не знаю чем заменить чтобы значек был на видео тематику.

СПАСИБО!

******************************************************************
Этот же день чуть позже допилил)
1. настройки в системе

{onTab: {keepDefault:false, replaceWith:"	"}
		,markupSet: [
			{name: 'Жирный', className:'btn-bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
            {name: 'Курсив', className:'btn-italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)'  },
            {name: 'Зачеркнуть', className:'btn-stroke', key:'S', openWith:'<s>', closeWith:'</s>' },
            {name: 'Подчеркнуть', className:'btn-underline', key:'U', openWith:'<u>', closeWith:'</u>' },
            {name: 'Цитировать', className:'btn-quote', key:'Q', replaceWith: function(m) { if (m.selectionOuter) return '<blockquote>'+m.selectionOuter+'</blockquote>'; else if (m.selection) return '<blockquote>'+m.selection+'</blockquote>'; else return '<blockquote></blockquote>' } },
            {name: 'Код', className:'btn-code', openWith:'<code>', closeWith:'</code>' },
            {separator:'---------------' },
            {name: 'Список', className:'btn-bulleted', openWith:'    <li>', closeWith:'</li>', multiline: true, openBlockWith:'<ul>\n', closeBlockWith:'\n</ul>' },
            {name: 'Список', className:'btn-numeric', openWith:'    <li>', closeWith:'</li>', multiline: true, openBlockWith:'<ol>\n', closeBlockWith:'\n</ol>' },
            {separator:'---------------' },
            {name: 'Добавить изображение', className:'btn-picture', replaceWith:'<img src="[!['+'Введите адрес изображения:'+':!:https://]!]" />' },
            {name: 'Добавить видео', className:'btn-video', replaceWith:'<video>[!['+'Введите адрес видео:'+':!:http://]!]</video>' },
            {name: 'Добавить ссылку', className:'btn-link', key:'L', openWith:'<a href="[!['+'Введите url адрес:'+':!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Введите адрес ссылки...' },
			{name:"Вырезать", className: "btn-cut", openWith:"" },
			{name: 'Добавить аудио', className:'btn-audio', replaceWith:'<music>[!['+'Введите адрес аудио файла:'+':!:http://]!]</music>' }
		]}

* Внимание в этом коде в строке Добавить изображение — было изменено http на https ибо по каким то причинам сайт не пропускал сей код к публикации. =)

2. Меняем содержимое файла assets/components/tickets/js/web/editor/editor.css
на следующее содержимое

.markItUp * {margin:0px; padding:0px;outline:none;}
.markItUp a:link,.markItUp a:visited {color:#000;text-decoration:none;}
.markItUp  {margin:5px 0;}
.markItUpContainer  {font:11px Verdana, Arial, Helvetica, sans-serif;}
.markItUpFooter {width:100%;}
.markItUpHeader {display: block; float:left; width:100%;}
.markItUpHeader ul li {
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:18px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul a {
	display:block;
	background-image:url(editor.png);
	width:20px;
	height:20px;
	background-size: 270px 20px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	margin: 2px 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.markItUpHeader ul a {
		background-image: url(editor2x.png);
	}
}
.markItUp .btn-bold a {background-position: 0px 0px;}
.markItUp .btn-italic a {background-position: -20px 0px;}
.markItUp .btn-underline a {background-position: -40px 0px;}
.markItUp .btn-stroke a {background-position: -60px 0px;}
.markItUp .btn-bulleted a {background-position: -85px 0px;}
.markItUp .btn-numeric a {background-position: -106px 0px;}
.markItUp .btn-code a {background-position: -130px 0px;}
.markItUp .btn-link a {background-position: -150px 0px;}
.markItUp .btn-picture a {background-position: -170px 0px;}
.markItUp .btn-cut a {background-position: -190px 0px;}
.markItUp .btn-quote a {background-position: -210px 0px;}
.markItUp .btn-video a {background-position: -230px 0px;}
.markItUp .btn-audio a {background-position: -250px 0px;}

3. Перезаливаем 4 картинки в папке assets/components/tickets/js/web/editor/
на эти


4. Результат

.markItUp .btn-video a {
    background-position: -120px 0px;
}

{name:"Вырезать", className: "btn-cut", openWith:"<cut/>" },
{name: 'Добавить аудио', className:'btn-audio', replaceWith:'<music>[!['+'Введите адрес аудио файла:'+':!:http://]!]</music>' }