Das größte Nerd Forum??

Ich brauche eine “always show YouTube watch later button” extension. Es gibt sicher eine Möglichkeit, den Button immer einzublenden, denn manchmal muss man auf die 3 Punkte klicken und ich nutze die Funktion wirklich oft. Denke hier finde ich keine Antwort, wisst ihr, ob z.B. Github da hilfreicher sein könnte?

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Webseite, programmieren, Webentwicklung

27.07.2023, 11:48

Dafür könnte man sich eine Browser Extension mit JavaScript schreiben.

Zuerst müsstest du je Videoeintrag ein neues Element (Button o.ä.) in das DOM der Seite einfügen. Dieses bräuchte einen Event Handler für das Klick-Ereignis.

Bei Klick könntest du dich mit der YouTube-API verbinden (ein Manifest ist nötig, welches die Erlaubnis (host_permissions) für die Request-Adresse erteilt) und über diese eine Aktualisierung der WL-Playlist anfordern. Ein Beispiel-Snippet zum Aktualisieren einer Playlist findest du in der Dokumentation (playlists + update).

Ein Video kannst über die ID identifiziert werden, die in den Video-URLs enthalten ist (v-Parameter). Die URL kann aus den href-Attributen der Linkelemente ausgelesen werden.

Alles in allem sind JavaScript- und HTML-Kenntnisse für die Umsetzung notwendig und man müsste sich mit den benannten Schnittstellen (DOM-API, Pluginentwicklung, YouTube-API) auseinandersetzen.

Ob du auf GitHub ein Projekt finden kannst, welches so eine Implementation (zumindest zum Teil) bereits umsetzt, kann ich nicht sagen. Auf Anhieb ist mir da jedenfalls keines bekannt.

Ich habe mir eine Website mit Bootstrap erstellt. Wenn das Fenster zu klein wird dann klappt sich die Navbar ein und man muss auf einen Button klicken um diese wieder auszufahren. Das funktioniert lokal ganz normal und gut aber sobald ich es auf einen Webserver hochlade geht es nicht mehr. Alles andere an der Website geht aber nur dieser Button will nicht funktionieren. Was kann ich da machen?
PS. Ich nutze Plesk zum hosten falls das jemandem hilft.

...zur Frage

Software Updaten (neue Features)?

Hey,

ich arbeite in Moment an ein Projekt. Ich möchte dieses Projekt zum Download freigegeben und auch Open Source halten. Dementsprechend wollte ich Fragen, wie ich neue Features für meine Software herausgeben kann? Die User sollen quasi ein Button haben, wo steht "Aktualisieren".

Wenn ich also neue Features für die Software habe, möchte ich ganz gerne die User darüber in Kenntnis setzen und eine Aktualisierung anfordern, damit die User auf den neusten Stand sind.

Danke im Voraus für die Hilfe!

Liebe Grüße

...zur Frage

Javascript Button erstellen?

Hallo,

ich habe einen Button in HTML erstellt und möchte, dass dieser per Click, die Farbe eine Textelements in Schwarz ändert. Den Button habe ich erstellt, komme aber bei der Funktion nicht weiter, kann jemand helfen? Danke im Voraus.

<button type="button" onclick=document.getElementById('Liste').style.color = 'black'">Drück mich!</button>

Aktueller Stand

...zur Frage

Warum funktionieren Widgets nicht?

Hallo,

heute war mein erster Schultag. Ich habe meinen Stundenplan bekommen und habe diesen auch schon in meine Schulplaner App eingetragen. Ich nutze diese wirklich sehr gern. Nun wollte ich das auch als Widget hinzufügen, allerdings wird mir der Button grau hinterlegt angezeigt. Da kann ich nicht drauf klicken. Woran könnte das liegen und wie bekomme ich das Widget vielleicht doch noch hin? Ich habe auch schon nachgeschaut und in meinen normalen Einstellungen meine Veränderung vorgenommen. Andere Widgets, auch von anderen Apps, funktionieren wie immer.

Mein Schulplaner: https://schulplaner.web.app/#/

das Widget-Feld in der App:

...zur Frage

C++ Qt Creator Variable für mehrere Buttons erstellen ?

Wie kann ich mit c++ und dem Program Qt Creator eine Variable erstellen durch welche ich mit dem einem Button eine Zahl abfrage also mehrere optionen und diese angeklickte zahl wird dann gespeicher und soll bei einem anderen Button dann als zahl festgelegt werden.

Die Button habe ich schon ich muss nur das mit der variable wissen.

Wie kann ich da jetzt die Variable anzahlmenu bei anderern Buttons intigrieren?

...zur Frage

JS Eventlistener mit Callback Parameter?

Hi, ich mache derzeit das Odins Project und hänge rein vom Verständnis an einem Code-Beispiel fest.

btn.addEventListener('click', function (e) {
  console.log(e);
});

btn.addEventListener --> schauen ob ein Event eintritt und dann eine function ausführen

"click"--> wenn der Button angeklickt wird

function (e)--> hier ist das Problem. ich versehe, dass es eine anonyme callback Funktion ist, aber nicht wieso sich der Parameter e auf den Button bezieht und ich damit den Button ansteuern kann. Versuche es seit 2 Tagen zu verstehen und bitte um eine einfache Erklärung. Im Internet steht, dass das ein Objekt vom EventListener ist aber darunter kann ich mir auch nicht wirklich etwas vorstellen.

...zur Frage

Carrd.co Button zu neue seite?

Man kann ja bei carrd.co solche Button erstellen und wenn man darauf drückt kommt man zu einer anderen Seite.

Ich habe allerdings sehr oft bei anderen Webseiten gesehen das sie auch solche Button hatten, allerdings führte es zwar zu einer anderen Seite aber trotzdem war es irgendwie die selbe webseite.

Das was ich habe... ich muss bei den Button ein Link eingeben.

Aber muss man wirklich immer wieder eine neue Webseite Seite erstellen oder geht es auch anders? Wenn ja wie?

...zur Frage

Comics Luftfahrt oder Flugzeug?

Hallo,

Ich wollte fragen ob jemand Comics über Flugzeuge oder Luftfahrtgeschichten kennt die auch noch erhältlich sind? Ich meine ich habe mal in einem Comic Shop ein Comic über einen Jagdflieger aus dem 2. Weltkrieg gesehen weiß jemand wie das heißt oder kennt jemand so ähnliche?

Vielen Dank

...zur Frage

index.php geht nicht (xampp)?

Tach, ich habe aus langeweile eine Website angefangen zu programmieren und da ich in die index.html ein bisschen php packen wollte, habe ich sie index.php genannt, seitdem bekomme ich diesen error (davor ging es, als es noch index.html hieß):

Jemand eine Ahnung wie man das fixen könnte?

Code:<!DOCTYPE html>
<html lang="en">


<head>


    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HallOfEdits</title>
    <script src="js/homeBtns.js"></script>
    <div class="top">


        <h1 id="logo">Hall Of Edits</h1>


        <button id="login" type="button" onclick="login()">Login/Register</button>
        <button id="upload" type="button" onclick="uploadFile()">Upload</button>
        <button id="username" type="button" onclick="openProfile()"><button>
    </div>


</head>


<body style="background-color: #141414">
    <?php include 'session.php';?>
</body>


</html>

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

Like Button in html, java script inklusive Counter?

Ich bin ein fortgeschrittener html Autor und eigne mir gerade Java script an.

Als Übung wollte ich ein kleines eigenes Youtube(ohne Datenbank) programmieren. Ich bin nun fast fertig mit meinem kleinen Projekt, doch mir fehlt noch ein Like Button für Videos inklusive Counter der neben dem Button angezeigt werden soll. Zunächst dachte ich an den input type: "radio".

Wäre toll wenn mir einer einen Tipp geben könnte wie ich meine Website vervollständigen könnte.

Danke in Voraus

...zur Frage

Java Url überprüfen?

Hi,

ich möchte eine chrome extension bauen. Sie soll eine Aktion ausführen wenn eine bestimmte URL aufgerufen wird. Kennt irgendjemand eine Java Bedingung für eine If Schleife in der die URL die Bedingung ist?

...zur Frage

Ist das Wort Nerd eine Beleidigung?

...zur Frage

HTML Taschenrechner?

Hey ich habe einen HTML Taschenrechner von einer Website kopiert von einer Website und ich will jetzt den Taschenrechner so programmieren das er nicht über hundert rechen kann bzw. Eine Fehler Meldung dann kommt so das immer ein Fehler kommt wenn ich über hundert rechnen tun ich hab schon im Internet mich belesen aber finde nix leider vielleicht könnt ihr mir helfen

<html>
<head>
<title>HTML-Taschenrechner </title>
</head>
<body bgcolor= "# 000000" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
Solution is
<input type="textfield" name="ans" value="">
</form>
</body>
</html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen