Verbesserungen am Videoplayer von Massengeschmack-TV.
// ==UserScript==
// @name Massengeschmack-TV
// @namespace 1elv
// @version 1.1
// @description Verbesserungen am Videoplayer von Massengeschmack-TV.
// @author 1elv
// @match https://massengeschmack.tv/play/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
let playerFrame, timestampNav;
if ((playerFrame = document.querySelector('.modulePlayer .row > div.col-md-8.col-md-offset-2.col-sm-12.col-sm-offset-0')) !== null) {
// without timestamp navigation
console.info('found player');
// small windows: full width (12 columns)
playerFrame.classList.remove('col-md-8', 'col-md-offset-2');
// medium windows: 10 columns
playerFrame.classList.add('col-md-10', 'col-md-offset-1');
// large windows: 8 columns (original size)
playerFrame.classList.add('col-lg-8', 'col-lg-offset-2');
} else if ((playerFrame = document.querySelector('.modulePlayer .row > div.col-sm-9.col-sm-push-3.col-md-8.col-md-push-3')) !== null &&
(timestampNav = document.querySelector('.modulePlayer .row > div.col-sm-3.col-sm-pull-9.col-md-3.col-md-pull-8')) !== null) {
// with timestamp navigation
console.info('found player and timestamp navigation');
// large windows: 8 columns
playerFrame.classList.add('col-lg-8');
let toggleButton = document.createElement('a');
toggleButton.textContent = 'Navigation umschalten';
playerFrame.prepend(toggleButton);
toggleButton.onclick = function () {
playerFrame.classList.toggle('col-sm-push-3');
playerFrame.classList.toggle('col-md-push-3');
playerFrame.classList.toggle('col-sm-9');
playerFrame.classList.toggle('col-md-8');
playerFrame.classList.toggle('col-md-10');
playerFrame.classList.toggle('col-md-offset-1');
playerFrame.classList.toggle('col-lg-offset-2');
timestampNav.classList.toggle('hidden');
};
} else {
console.warn('did not find player');
}
})();