Yt6 -- Snarl's YouTube Video Player + bookmarklet - github / snarly / yt6
   
Скрипт работает на любой YouTube странице с видео. Также доступен в виде букмарклета работающего по требованию.
   
Для Firefox скрипт умеет:
   
    • ограничивать рекламу на сайте,
    • произвольно изменять размер, масштабировать, вращать и перемещать видеоизображение,
    • изменить скорость воспроизведения от 0 или 25% до 500 или 1600%,
    • загружать внешний аудио-файл для воспроизведения вместе с текущим видео,
    • выбирать предпочитаемый (и поддерживаемый) видео / аудио-кодек и разрешение для воспроизведения,
    • скачивать видео / аудио контент,
    • скачивать субтитры / субтитры (CC)
            в строке букмарклета можно изменить значение «add_subs», чтобы добавить Google-перевод,
    • облегчить фоновое воспроизведение, когда телефон находится в спящем режиме (экспериментально),
    • обходить возрастные ограничения
    • заменять проигрыватель YouTube собственным
   
При использовании блокировщиков скриптов убедитесь, что следующие адреса в белом списке:

githubusercontent.com
rawgit.com
githack.com
jsdelivr.net
api.codetabs.com
youtube.com
googlevideo.com

   

Скрины
f27edc17d8fb.png  6e60c7718f31.png
8e852e70533f.png

Темный скин - userContent.css

Выделить код

Код:

/* Панели буркмрклета или скрипта yt6 (на страницах youtube с видео) */
@-moz-document url-prefix("https://www.youtube.com") {
/* верхняя кнопка */
span#bm1 {
	padding-left: 10px !important;
}
button#bm4 img {
	display: none !important;
}
button#bm4 {
	width: 54px !important;
	padding: 0 0 0 0 !important;
	border: none !important;
	background-color: rgba(42,46,50,1) !important;
	color: #C7C7C7 !important;
  }
button#bm4:hover {
	color: #3DAEE9 !important;
  }
/* меню верхней кнопки */
span#bm3:not(.yt6-links) {
	background-color: rgba(42,46,50,1) !important;
	color: #C7C7C7 !important;
  }
#yt6-switches button, button#bm5, #yt6-switches div a {
	background: rgba(42,46,50,1) !important;
	color: #3DAEE9 !important;
  }
/* панель управления */
div#yt-alert-message.yt-alert-message div#control_panel {
	background-color: rgba(35,38,41,1) !important;
  }
div#yt-alert-message.yt-alert-message div#control_panel * {
	color: #C7C7C7 !important;
  }
div#yt-alert-message.yt-alert-message div#control_panel *:hover {
	background-color: rgba(35,38,41,1) !important;
	border-color: rgba(100,100,100,1) !important;
  }
}

_zt
Вещь, спасибо.