[JavaScript] Video an bestimmter Stelle stoppen?

Es gibt ja

VID.currentTime = SEKUNDEN;

Aber gibt es auch so etwas, das das Video auch stoppt?

Ich stelle mir zum Beispiel sowas wie

VID.currentMaxTime = SEKUNDEN;

Aber das funktioniert ja leider nicht xD

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

28.06.2020, 15:05

Das video-Element verfügt über ein Event timeupdate. An dieses kannst du dich hängen, um die aktuelle Zeit zu prüfen und an der gewünschten Stelle das Video zu pausieren.

yourVideoElement.addEventListener("timeupdate", function() {
  if (this.currentTime >= yourStopTimeInSeconds) {
    this.pause();
  }
});

verreisterNutzer

28.06.2020, 15:10

Ah OK. Gut zu wissen, dass es so gemacht wird ^^

Ähnliche Beiträge

Gästebuch in Javascript?

Moin,

wie realisiere ich in etwa ein Gästebuch in Javascript? Ich kenne mich in Javascript noch nicht so gut aus, kann aber etwas PHP. Auf YouTube gibt es ne Menge Videos dazu, wie man ein Gästebuch in PHP umsetzt, aber nichts dazu für Javascript? Hat das einen bestimmten Grund? Wenn man eine Datenbank mit mehreren Gästeeinträgen anlegt, in die neue Einträge geschrieben werden, ist das doch auch gut in Javascript möglich? Oder wie funktioniert das Einbinden von Datenbanken in Javascript, geht das mit Vanilla Javascript überhaupt oder muss man da zu "fortgeschritteneren" Dingen greifen wie ES6?

...zum Beitrag

Javascript setTimeout Wiederholungen?

Schaut mal bitte folgendes Beispiel

var update=0;
function ReloadFunktionen()
{
 console.log(update);
 update=setTimeout(ReloadFunktionen, 1000);
}
ReloadFunktionen();

Die console.log Info zeigt mir das der Wert der Variable "update" am steigen ist, die Zahl wird immer groeser, ich frage mich ob dadurch mit der Zeit vielleicht der Browser immer mehr Speicher verbraucht, ob ich das falsch aufgebaut habe oder ob das normal ist das die Zahl welche setTimeout zurueck gibt immer weiter steigt.

Im Prinzip will ich das ganze als Endlosschleife benutzen damit bestimmte Funktionen immer wieder neu aufgerufen werden nach Ablauf von paar Sekunden.

...zum Beitrag

JavaScript: Wie kann ich den Browser nach zwei Sekunden automatisch in den Vollbildschirmmodus wechseln lassen?

Hallo,

ich habe eine .html-Datei und möchte, dass, wenn diese Datei ausgeführt wird, dass dann im Browser nach zwei Sekunden der Vollbildmodus aktiviert wird.

Also, dass das Gleiche passiert, wie wenn man die Taste F11 drückt, nur mit dem Unterschied, dass das automatisch nach zwei Sekunden passiert.

Folgenden Code habe ich probiert:

<script>
  setTimeout(function() {
    enterFullscreen(document.documentElement);
  }, 2000);
</script>

Jedoch funktioniert dieser nicht.

Welchen Code muss ich dafür verwenden?

...zum Beitrag

youtube video stoppt alle 5 sekunden, was tun?

Hallo :) Ich gucke schon ein Jahr Youtube Videos hatte aber noch nie solche Probleme das die Videos alle 5-7 sekunden stoppen. Seit einer Woche ungefähr stoppen bei mir alle 5 sekunden die Videos, aber nur bei Youtube :(( was kann ich dagegen tun ??

...zum Beitrag

JavaScript Funktion funktioniert nicht?

Hallo,

Ich habe für meine Webseite eine Navigationsleiste gemacht, die sich einklappt, wenn man eine bestimmte Bildschirmbreite hat. Dann sind dort noch drei Punkte und wenn man klickt, öffnet sich eine Übersicht. Das hat alles super funktioniert.

Doch auf Seiten, wo ich schon JavaScript habe, funktioniert die Funktion plötzlich nicht mehr.

Namen sind alle nur einmal vergeben, Links stimmen und so weiter.

Und auf meiner Indexseite funktioniert das Icon nicht, obwohl es überall auf jeder anderen Seite funktioniert.

...zum Beitrag

Spielfiguren flüssig bewegen mit js?

Moin,

Ich würde gerne ein kleines spiel mit javascript programmieren und meine Spielfigur flüssig bewegen können. Kann ich das mit mit animate() machen? Also sowas wie wenn taste1 gedrückt wird animate div1 10 px pro Sekunde bis taste1 losgelassen wird?

...zum Beitrag

Text in HTML / JavaScript zu bestimmter uhrzeit

Kann man es in HTML oder JavaScript machen, dass zu bestimmten uhrzeiten immer ein anderer text gezeigt wird?

Beispiel: Täglich von 01.00 Uhr bis 02.00 Uhr der text "Ja" Täglich von 02.00 Uhr bis 04.00 Uhr der text "Nein" Täglich von 04.00 Uhr bis 05.00 Uhr der text "Ja" Täglich von 05.00 Uhr bis 08.00 Uhr der text "Nein"

...zum Beitrag

Website als app umwandeln?

Ich kann mich erinnern das ich gelesen hatte das es Moeglichkeiten gibt womit man seine Webseite schnell und einfach in eine App umwandeln kann welche auch in google playstore erscheinen kann. Ich frage mich jetzt ob man dabei drauf achten muss das meine seine webseite nur mit javascript baut oder ob man auch PHP benutzen kann so Sachen wie Ajax?

Also ein Beispiel fuer so ein Program das ich gesehen hatte ist cordova aber ich habe mich da nicht genauer eingelesen, ich wuerde mal gerne wissen von Leuten die sich schon mit sowas auskennen worauf man achten muss wenn man seine Webseite baut damit es spaeter einfach ist das als App zu transformieren.

...zum Beitrag

Zwei verschiedene javascript Dateien mit Node.js laufen lassen?

Kann man zwei verschiedene Dateien mit node.js laufen lassen, ich habe zum Beispiel zwei Ordner die auf verschiedenen Adressen liegen und normalerweise gehe ich mit power shell command "cd" in ein Ordner und starte dann mit "node index.js" die gewuenschte Javascript Datei. Sobald aber eine Javascript Datei gestartet wurde kann ich keine zweite neu starten ohne die aktuelle zu beenden.

Deswegen frage ich mich gerade ob das irgendwie funktioniert zwei Dateien aus verschiedenen Ordnern gleichzeitig mit node.js laufen zu lassen?

...zum Beitrag

Wie kann ich diesen HTML Vorgang stoppen?

Ich würde gerne einen HTML-Vorgang stoppen, wenn eine Voraussetzung in Java Skript nicht erfüllt ist:

Ich arbeite mit formsubmit.co und kann auf meiner Webseite nicht mit PHP arbeiten. Bis jetzt habe folgenden Code:

<form action="https://formsubmit.co/email@gutefrage.de" method="post" onsubmit="validateEmail()">
    <input type="hidden" name="_autoresponse" value=
    "Hallo, du hast diese Email bekommen. " />
    <input type="hidden" name="_next" value="https://www.gutefrage.net/" /> 
    <input type="email" id="email" name="email" placeholder="Email Address" /> 
    <label class="container"><input type="checkbox" required/>Ich habe die Nutzungsbedinungen gelesen.</label> 
    <button type="submit">Send</button>
</form>


<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("200") && email.includes("Frage") && email.length >= 20) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

Das Skript überprüft die Eingabe der E-Mail Adresse, sofern alle Felder eingegeben sind und das Formular abgesendet wurde, ob die eingegebene E-Mail-Adresse "100", "Frage" und grösser oder gleich 20 Zeichen lang ist. Auf einer Nachricht im Browser wird angezeigt, ob die E-Mail-Adresse den Voraussetzungen entspricht oder nicht. Anschließend wird die Nachricht "Hallo, du hast diese E-Mail bekommen." an die eingegebene E-Mail-Adresse gesendet (das übernimmt formsubmit.co). Anschließend wird der Nutzer auf Gute Frage weitergeleitet.

Beides Funktioniert einwandfrei, jedoch wird, egal ob die E-Mail die Voraussetzungen erfüllt oder nicht, an die angegebene E-Mail gesendet.

Meine Frage ist, ob ich die Aktion in HTML irgendwie stoppen kann, also das die E-Mail nicht versendet wird, wenn sie die Voraussetzungen in JavaScript nicht erfüllt. Dabei kann ich keine riesigen Änderungen am gegebenen HTML-Code von formsubmit unternehmen (da dies ja immer noch funktionieren sollte) und ohne PHP oder ähnliches.

Edit: Das mit der Erkennung funktioniert irgendwie auch nicht, es zeigt immer an, dass die Email die Voraussetzungen nicht erfüllt. Ich habe jedoch ein Beispiel, wo dies funktioniert:

<form onsubmit="return validateEmail()" method="post">
    <label for="email">Email:</label> <input type="email" id="email" name="email" placeholder="z.B. ichbincool@email.com" size="40" required="" /> <input type="submit" value="senden" required="" />
</form>
<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("ich") && email.includes("cool") && email.length >= 5) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

...zum Beitrag

JavaScript Await Async, Wo ist der Fehler?

function test1(zahl) {
    setTimeout(() => {
        return(zahl *2)
    }, 5000);
  }
async function test2() {
let x = await test1(2);
}
test2().then.alert(x)

Output: ReferenceError: x is not defined

Wollte das eigentlich so machen das die Funktion Test2 wartet bis die Funktion Test1 fertig ist, das sind jetzt zum Beispiel 5 Sekunden.

Und dann soll es x alerten.

Also möchte so tun als würde etwas länger dauern als geplant.

Könnten ja auch 10 Sekunden sein, die Hauptsache ist das wartet bis es die Antwort bekommen hat.

(Ich habe Async und Await nicht wirklich verstanden, und dachte mir das es so Funktioniert und ein gutes Beispiel ist)

...zum Beitrag

JavaScript/jQuery! Wie einen Loop einbinden?

Auch hier bin ich absoluter Newby!

Ich habe eine nette kleine Funktion:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code2').html() }).animate({ countNum: 5360 }, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code2').html(Math.floor(this.countNum));

complete: function () {

$('.code2').html(this.countNum + "+");

//alert('finished');

}

});

--------------------------------------------------------------------------------------------------------------

Das funktioniert - alles supi - nun möchte ich, dass die Animation nach einem kleinen Zeitintervall erneut startet. Habe dazu über Google 'setInterval' gefunden und einen Code. Leider fehlt mir noch das Verständnis was ich wo einfügen muss.

Hier der Code von Google:

Edit: Ist der Code vielleicht falsch, javascript vs jquery???

function meineFunktion() { 
    // ... 
} 

setInterval(function() { 
    // alle 3 Sekunden ausführen 
    meineFunktion(); 
}, 3000);

Habe das so in meine Scriptdatei eingebunden:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code').html() }).animate({ countNum: 1295365}, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code').html(Math.floor(this.countNum));

setInterval(function() {

// alle 3 Sekunden ausführen

meineFunktion();

}, 3000);

complete: function () {

$('.code').html(this.countNum + "+");

//alert('finished');

}

--------------------------------------------------------------------------------------------------------------

Ich nehme an mindestestens "meineFunktion()" ist nur ein Platzhalter, aber ich bin nicht sicher, was da vom Code rein soll.

Stört das complete eigentlich die Wiederholung oder zeigt das nur an, was passiert, wenn es fertig hochgezählt hat?

Freue mich wie immer über Antworten! :)

Aber auch über Links z.B. mit einer leicht verständlichen Übersicht der Anatomie eines Jquery Codes, damit ich zukünftig besser allgemeine Beispiele an meine anpassen kann.

Bonusfrage:

Ich würde ganz gerne zu der Zahl noch eine einfache sich drehende Grafik (Kreis, Pfeil oä) hinzufügen. Hat da jemand zufällig nen leicht verständlichen Link oä dazu?

...zum Beitrag

Javascript für Zufallszahl?

Hi, ich suche mich gerade dämlich im Netz und finde nichts zum Thema. Ich suche einen ganz normalen Javascript der zum Beispiel alle 5 Minuten eine Zufallszahl generiert.

Ich besitze eine Jimdo Seite ohne FTP, PHP etc. ich kann aber Javascripts und HTML einbinden. Ich hatte mal einen Javascript Counter der gut funktioniert hat. Nun benötige ich einen Script der alle ca. 5 Minuten eine Zufallszahl generiert.

Noch eine wichtige Frage! Wie sicher ist so ein Zufallszahlen-Script dann? Kann man die Zufallszahl erraten, voraussehen oder irgendwie herausfinden oder ist der Script 100% Save?

Würde mich über Informationen oder Links etc. freuen.

...zum Beitrag

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen