|
|
|
@ -41,7 +41,7 @@
|
|
|
|
|
let ytThumbImgMenu, ytEnhancerMenu, ytEnhancerMenu2; // Menu systems
|
|
|
|
|
let ytThumbnailBttn, ytLoopBttn, ytFloatBttn, ytDownloadBttn; // Menu Buttons
|
|
|
|
|
let ytMaxDefaultImg, ytHqDefaultImg, ytAMaxDefaultImg, ytAHqDefaultImg; // Thumbnail images
|
|
|
|
|
let mainContentArea, playerWindow, containerOfPlyrWndow, video; // Youtube Player container
|
|
|
|
|
let mainContentArea, playerWindow, containerOfPlyrWndow, video, player; // Youtube Player container
|
|
|
|
|
let videoTimeLength, videoTimeCurent, ytRangeStart, ytRangeEnd,
|
|
|
|
|
slugInputTag, endlessPlayTag, ytVideoIntervalLoop, loopingInterval;
|
|
|
|
|
|
|
|
|
@ -142,11 +142,12 @@
|
|
|
|
|
slugInputTag = document.getElementById("slugCopyZone");
|
|
|
|
|
|
|
|
|
|
// Video Controler
|
|
|
|
|
video = document.getElementsByTagName("video")[0];
|
|
|
|
|
video = document.getElementsByTagName("video")[0]; // Actual video object (I think...)
|
|
|
|
|
player = document.getElementById("movie_player"); // ? Something like a meta information and signal object????
|
|
|
|
|
part = "https://img.youtube.com/vi/";
|
|
|
|
|
|
|
|
|
|
// Container of actual player (Used for floating window)
|
|
|
|
|
containerOfPlyrWndow = document.getElementById("player-container");
|
|
|
|
|
|
|
|
|
|
part = "https://img.youtube.com/vi/";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const fillUIAndSetupEvents = () => {
|
|
|
|
@ -175,7 +176,11 @@
|
|
|
|
|
video.addEventListener("wheel", manageVolume);
|
|
|
|
|
// Dragable window for floating video event setup
|
|
|
|
|
dragVideo(poppedContainer);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// if 1080p not present, api plays the next lowest available resolution.
|
|
|
|
|
player.setPlaybackQualityRange("hd1080","hd1080");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const setupObservers = () => {
|
|
|
|
|