itdominator
/
Better-Youtube-Plus
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update betterYoutube.js 

Fixed script to manage new html tagging of Youtube.
This commit is contained in:
Maxim 2017-12-23 02:19:19 -06:00 committed by GitHub
parent c2a9492690
commit 20c9921f77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/scripts/betterYoutube.js
View File

@ -3,13 +3,13 @@ var ytThumbImgMenu, ytEnhancerMenu; // Menu systems
var ytThumbnailBttn, ytMaxDefaultImg, ytHqDefaultImg, // Buttons & Images var ytThumbnailBttn, ytMaxDefaultImg, ytHqDefaultImg, // Buttons & Images
ytLoopBttn, ytFloatBttn, ytAMaxDefaultImg, ytAHqDefaultImg; ytLoopBttn, ytFloatBttn, ytAMaxDefaultImg, ytAHqDefaultImg;
var mastHead, video, mainPlayerWindow, poppedVdoContr; // Video accessor var mastHead, mainContentArea, playerWindow; // Youtube Player container
var mainContentArea; // Youtube Player container var video, mainPlayerWindow, poppedContainer; // Video accessor
var vdoPlyrAtts; // Player attributes var vdoPlyrAtts; // Player attributes
var part; // Image part var part, videoSlug, temp; // Image part
function setupContentandInsert() { function preSetupProc() {
poppedVdoContr = document.createElement("DIV"); poppedContainer = document.createElement("DIV");
ytThumbImgMenu = document.createElement("DIV"); ytThumbImgMenu = document.createElement("DIV");
ytEnhancerMenu = document.createElement("DIV"); ytEnhancerMenu = document.createElement("DIV");
ytThumbnailBttn = document.createElement("IMG"); ytThumbnailBttn = document.createElement("IMG");
@ -19,16 +19,16 @@ function setupContentandInsert() {
ytFloatBttn = document.createElement("IMG"); ytFloatBttn = document.createElement("IMG");
ytAMaxDefaultImg = document.createElement("A"); ytAMaxDefaultImg = document.createElement("A");
ytAHqDefaultImg = document.createElement("A"); ytAHqDefaultImg = document.createElement("A");
video = document.getElementsByTagName("video")[0];
mastHead = document.getElementById("masthead");
part = "//i.ytimg.com/vi/";
// 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
part = "https://img.youtube.com/vi/";
// Append to nodes as required // Append to nodes as required
mainContentArea = $("ytd-watch");
mainPlayerWindow = $("#player-container").parent();
vdoPlyrAtts = mainContentArea[0].attributes;
ytEnhancerMenu.appendChild(ytThumbnailBttn); ytEnhancerMenu.appendChild(ytThumbnailBttn);
ytEnhancerMenu.appendChild(ytLoopBttn); ytEnhancerMenu.appendChild(ytLoopBttn);
ytEnhancerMenu.appendChild(ytFloatBttn); ytEnhancerMenu.appendChild(ytFloatBttn);
@ -38,9 +38,9 @@ function setupContentandInsert() {
ytFloatBttn.src = browser.extension.getURL("icons/floatPlayer.png"); ytFloatBttn.src = browser.extension.getURL("icons/floatPlayer.png");
// Insert // Insert
document.body.appendChild(poppedVdoContr); document.body.appendChild(poppedContainer);
mainContentArea[0].appendChild(ytThumbImgMenu); document.body.appendChild(ytThumbImgMenu);
mainContentArea[0].appendChild(ytEnhancerMenu); document.body.appendChild(ytEnhancerMenu);
ytAMaxDefaultImg.appendChild(ytMaxDefaultImg); ytAMaxDefaultImg.appendChild(ytMaxDefaultImg);
ytAHqDefaultImg.appendChild(ytHqDefaultImg); ytAHqDefaultImg.appendChild(ytHqDefaultImg);
ytThumbImgMenu.appendChild(ytAMaxDefaultImg); ytThumbImgMenu.appendChild(ytAMaxDefaultImg);
@ -53,13 +53,12 @@ function setupContentandInsert() {
video.addEventListener("wheel", manageVolume); video.addEventListener("wheel", manageVolume);
// Dragable window for floating video // Dragable window for floating video
dragVideo(poppedVdoContr); dragVideo(poppedContainer);
// Set trget of Thumbnails of video // Set trget of Thumbnails of video
ytAMaxDefaultImg.target = "_blank"; ytAMaxDefaultImg.target = "_blank";
ytAHqDefaultImg.target = "_blank"; ytAHqDefaultImg.target = "_blank";
// Theming & Apply Styles // Theming & Apply Styles
ytThumbImgMenu.className = "ytThumbMenuStyle"; ytThumbImgMenu.className = "ytThumbMenuStyle";
ytMaxDefaultImg.className = "thumbImageStyle"; ytMaxDefaultImg.className = "thumbImageStyle";
@ -68,26 +67,29 @@ function setupContentandInsert() {
ytThumbnailBttn.className = "imageStyle"; ytThumbnailBttn.className = "imageStyle";
ytLoopBttn.className = "imageStyle"; ytLoopBttn.className = "imageStyle";
ytFloatBttn.className = "imageStyle"; ytFloatBttn.className = "imageStyle";
poppedVdoContr.id = "draggable"; poppedContainer.id = "draggable";
poppedVdoContr.style.display = "none"; poppedContainer.style.display = "none";
mainContentArea[0].style = "background: #C0C0C0;"; mastHead.style = "background: #868686;";
mastHead.style = "background: #C0C0C0;"; mainContentArea.style = "background: #868686;";
} }
// Functions // Functions
function showThumbImageVew(e) { function showThumbImageVew(e) {
temp = vdoPlyrAtts[1].value;
temp = temp.replace(" watch video-", "");
videoSlug = temp.replace(" clearfix", "");
if (ytThumbImgMenu.style.display == "block") { if (ytThumbImgMenu.style.display == "block") {
ytThumbImgMenu.style.display = "none"; ytThumbImgMenu.style.display = "none";
ytThumbnailBttn.src = browser.extension.getURL("icons/thumbnailOff.png"); ytThumbnailBttn.src = browser.extension.getURL("icons/thumbnailOff.png");
} else { } else {
ytAMaxDefaultImg.href = part + vdoPlyrAtts[0].value + "/maxresdefault.jpg"; ytAMaxDefaultImg.href = part + videoSlug + "/maxresdefault.jpg";
ytAHqDefaultImg.href = part + vdoPlyrAtts[0].value + "/hqdefault.jpg"; ytAHqDefaultImg.href = part + videoSlug + "/hqdefault.jpg";
ytMaxDefaultImg.src = part + vdoPlyrAtts[0].value + "/maxresdefault.jpg"; ytMaxDefaultImg.src = part + videoSlug + "/maxresdefault.jpg";
ytHqDefaultImg.src = part + vdoPlyrAtts[0].value + "/hqdefault.jpg"; ytHqDefaultImg.src = part + videoSlug + "/hqdefault.jpg";
ytThumbnailBttn.src = browser.extension.getURL("icons/thumbnailOn.png"); ytThumbnailBttn.src = browser.extension.getURL("icons/thumbnailOn.png");
ytThumbImgMenu.style.display = "block"; ytThumbImgMenu.style.display = "block";
} }
return; return;
} }
@ -103,14 +105,14 @@ function setLoop(e) {
} }
function toggleFloat() { function toggleFloat() {
playerWindow = document.getElementById("player-container"); playerWindow = document.getElementById("player-api");
if(poppedVdoContr.style.display == "none"){ if(poppedContainer.style.display == "none"){
poppedVdoContr.appendChild(playerWindow); poppedContainer.appendChild(playerWindow);
poppedVdoContr.style.display = "block"; poppedContainer.style.display = "block";
} else { } else {
mainPlayerWindow[0].insertBefore(playerWindow, mainPlayerWindow[0].firstChild); mainPlayerWindow.insertBefore(playerWindow, mainPlayerWindow.firstChild);
poppedVdoContr.style.display = "none"; poppedContainer.style.display = "none";
} }
} }
@ -166,8 +168,4 @@ function dragVideo(elmnt) {
return false; return false;
} }
} }
preSetupProc();
// load after important dom elements are present
$(document).arrive("#player-container", function() {
setupContentandInsert();
});