Youtube - wie Download ?

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
     return;
  try {
     CustomizableUI.createWidget({
        id: 'mediasource-enabled-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
           var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
           var attributes = {
              id: 'mediasource-enabled-button',
              class: 'toolbarbutton-1 chromeclass-toolbar-additional',
              removable: 'true',
              label: 'media.mediasource',               
              tooltiptext: Services.prefs.getBoolPref('media.mediasource.enabled') ?
                 'LiveStream ist an' : 'Video speichern ist an | 2mal RMT',
              oncommand: '(' + onCommand.toString() + ')()'
           };
           for (var a in attributes) {
              button.setAttribute(a, attributes[a]);
           };
           function onCommand() {
              var isEnabled = !Services.prefs.getBoolPref('media.mediasource.enabled');
              Services.prefs.setBoolPref('media.mediasource.enabled', isEnabled);
              event.target.ownerGlobal.BrowserReload();
              var windows = Services.wm.getEnumerator('navigator:browser');
              while (windows.hasMoreElements()) {
                 let button = windows.getNext().document.getElementById('mediasource-enabled-button');
                 if (isEnabled)
                    button.setAttribute('tooltiptext', 'LiveStream ist an')
                 else
                    button.setAttribute('tooltiptext', 'Video speichern ist an | 2mal RMT');
              };
           };
           return button;
        }
     });
  } catch(e) { };
  var css =
 
 // xxx
  '#mediasource-enabled-button[tooltiptext="LiveStream ist an"] {list-style-image: url(file:///C:/Users/xxx/AppData/Roaming/Mozilla/Firefox/Profiles/x53rps7j.xxx/chrome/icon/ytd_LiveStream.svg)} ' +
  '#mediasource-enabled-button[tooltiptext="Video speichern ist an | 2mal RMT"] {list-style-image: url(file:///C:/Users/xxx/AppData/Roaming/Mozilla/Firefox/Profiles/x53rps7j.xxx/chrome/icon/ytd_SaveVideo.svg)} ';
  
  var stylesheet = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
  document.insertBefore(stylesheet, document.documentElement);
})();

// JavaScript Document
// B_UserPrefMediaSource.uc.js

// Das Script erstellt einen Button, der in about:config boolsche Werte ändert. In der UserConfiguration unter 'const boolPref' kann die zu ändernde Einstellung festgelegt werden. Das icon/label/tooltiptext kann in der UserConfiguration dem jeweiligen Zustand angepasst werden (true/false).
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.
// In einem neuen Profil ist die Einstellung in about:config 'media.mediasource.enabled, true' gesetzt. Allerdings werden einige Menuitems im Mediendropdown nicht angezeigt z.B.:'Video speichern unter'. Dieses Script toggelt 'media.mediasource.enabled, true'/'media.mediasource.enabled, false'. Die Einstellung 'media.mediasource.enabled, false' könnte z.B.: auf 'youtube.com' interessant sein ( =>'Video speichern unter'). Bei Livestreams (z.b.: 'ardmediathek.de/live/') kann es bei der Einstellung 'media.mediasource.enabled, false' zu Fehlermeldungen der Seite (Wiedergabefehler) kommen. Beim Umschalten wird der Seiteninhalt des AKTIVEN Tabs neu geladen.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
          id = 'UserPref-msE-button', // Id des neuen Buttons
    boolPref = 'media.mediasource.enabled', // Einstellung in about:config deren boolesche Variable geschaltet werden soll (Wichtig: Beim Umschalten wird der Seiteninhalt des aktiven Tabs neu geladen)
      labelT = 'Mediendropdown ohne DL-Item (Live-TV)', // Bezeichnung des neuen Buttons bei boolPref=true
      labelF = 'Mediendropdown mit Dl-Item (Youtube)', // Bezeichnung des neuen Buttons bei boolPref=false
tooltiptextT = 'Mediendropdown ohne DownloadItem (Livestream)',
tooltiptextF = 'Mediendropdown mit DownloadItem (Youtube)',
// Icon-------------------------------------------------------
       iconT = '16-control-panel-18_moz.svg',  // [Name.Dateiendung] des anzuzeigenden Symbols für boolPref=true
       iconF = '16-control-panel-20_moz.svg',  // [Name.Dateiendung] des anzuzeigenden Symbols für boolPref=false
     bgImage = 'magenta', // Farbe des Indikators (zur Unterscheidung mehrerer UserPref-buttons,)
    iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
  iconColorT = 'firebrick',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties] für boolPref=true, bei anderen Icons hat const iconColorT keine Funktion)
  iconColorF = 'forestgreen',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties] für boolPref=false, bei anderen Icons hat const iconColorF keine Funktion)
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
//const end
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----  
CustomizableUI.createWidget({
    id: id,
	type: 'button',
    defaultArea: CustomizableUI.AREA_NAVBAR,
 
    onCreated: (button) => {
		button.style.MozContextProperties = 'fill, stroke, fill-opacity';
//bgImage
		button.style = 'background-image:linear-gradient('+bgImage+','+bgImage+'); background-repeat: no-repeat; background-size: 4px 4px; background-position: left 2px top calc(50% - 8px);';
//start
if (Services.prefs.getBoolPref(boolPref) == false ) {
		button.style.fill = iconColorF;
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + iconF + '")';
    	button.setAttribute('label', labelF);
    	button.setAttribute('tooltiptext', tooltiptextF);
}
else
if (Services.prefs.getBoolPref(boolPref) == true ) {
		button.style.fill = iconColorT;
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + iconT + '")';
    	button.setAttribute('label', labelT);
    	button.setAttribute('tooltiptext', tooltiptextT);
}
//click
button.addEventListener('click', () => {
if (event.button == 0) {
  event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
	if (Services.prefs.getBoolPref(boolPref) == false ) {
		button.style.fill = iconColorT;
		Services.prefs.setBoolPref(boolPref, true);
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + iconT + '")';
    	button.setAttribute('label', labelT);
    	button.setAttribute('tooltiptext', tooltiptextT);
	}
	else
	if (Services.prefs.getBoolPref(boolPref) == true ) {
		button.style.fill = iconColorF;
		Services.prefs.setBoolPref(boolPref, false);
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + iconF + '")';
    	button.setAttribute('label', labelF);
    	button.setAttribute('tooltiptext', tooltiptextF);
	}
}
});
//----
	}
});
//----
})();