diff --git a/src/scripts/betterYoutube.js b/src/scripts/betterYoutube.js index b6397d7..039d7ad 100644 --- a/src/scripts/betterYoutube.js +++ b/src/scripts/betterYoutube.js @@ -4,7 +4,7 @@ var ytThumbnailBttn, ytMaxDefaultImg, ytHqDefaultImg, // Buttons & Images ytLoopBttn, ytFloatBttn, ytAMaxDefaultImg, ytAHqDefaultImg; var mastHead, mainContentArea, playerWindow; // Youtube Player container -var video, mainPlayerWindow, poppedContainer; // Video accessor +var video, containerOfPlyrWndow, poppedContainer; // Video accessor var vdoPlyrAtts; // Player attributes var part, videoSlug, temp; // Image part @@ -21,11 +21,14 @@ function preSetupProc() { ytAHqDefaultImg = document.createElement("A"); // Get nodes for page work - mastHead = document.getElementById("yt-masthead-container"); // Search bar area - mainContentArea = document.getElementById("page-container"); // BT control insert area and bg color setup - mainPlayerWindow = document.getElementById("player-mole-container"); // Set up for insert to floating container - vdoPlyrAtts = document.getElementById("page").attributes; // Used for setting up thumbnails - video = document.getElementsByTagName("video")[0]; // Video Controler + mastHead = document.getElementById("masthead-container") + .getElementsByClassName("style-scope ytd-masthead")[3]; // Search bar area + mainContentArea = document.getElementsByTagName("ytd-watch")[0]; // BT control insert area and bg color setup + + containerOfPlyrWndow = document.getElementById("top").children[0]; // Container of actual player - Used for floating window + vdoPlyrAtts = document.getElementsByTagName("ytd-watch")[0] + .getAttribute("video-id"); // Used for setting up thumbnails + video = document.getElementsByTagName("video")[0]; // Video Controler part = "https://img.youtube.com/vi/"; // Append to nodes as required @@ -75,9 +78,7 @@ function preSetupProc() { // Functions function showThumbImageVew(e) { - temp = vdoPlyrAtts[1].value; - temp = temp.replace(" watch video-", ""); - videoSlug = temp.replace(" clearfix", ""); + videoSlug = vdoPlyrAtts; if (ytThumbImgMenu.style.display == "block") { ytThumbImgMenu.style.display = "none"; @@ -105,13 +106,13 @@ function setLoop(e) { } function toggleFloat() { - playerWindow = document.getElementById("player-api"); + playerWindow = document.getElementById("player-container"); // Actual player if(poppedContainer.style.display == "none"){ poppedContainer.appendChild(playerWindow); poppedContainer.style.display = "block"; } else { - mainPlayerWindow.insertBefore(playerWindow, mainPlayerWindow.firstChild); + containerOfPlyrWndow.insertBefore(playerWindow, containerOfPlyrWndow.firstChild); poppedContainer.style.display = "none"; } } @@ -168,4 +169,11 @@ function dragVideo(elmnt) { return false; } } -preSetupProc(); + +// Start init +var existCondition = setInterval(function() { + if ($('#masthead-container').length) { + clearInterval(existCondition); + preSetupProc(); + } +}, 100); // check every 100ms