JavaScript Element abhängig von Video Minute erscheinen lassen?

Z

Zweirad

Newbie

Registriert

Dez. 2016

Beiträge

3

• 10. Dezember 2016

• #1

Hallo liebe Com,

ich suche eine Lösung für folgende Idee:

Ich möchte einen Button abhängig von einer bestimmten Minute eines Videos erscheinen lassen.

Beispiel: ein Button erscheint bei Minute 10 eines Videos. Auch wenn das Video vorgespult wird, es soll also abhängig von der Minutenzahl des Videos sein!

Wie setze ich soetwas um? Ich habe leider keinerlei Ahnung von JavaScript.. :/

Vielen Dank für die Hilfe,

LG!

 

B

bawde1

Banned

Registriert

Okt. 2016

Beiträge

190

• 10. Dezember 2016

• #2

http://stackoverflow.com/questions/6380956/current-duration-time-of-html5-video

https://www.google.de/?gws_rd=ssl#q=javascript+get+video+minute

 

Z

Zweirad

Newbie

Ersteller dieses Themas

Registriert

Dez. 2016

Beiträge

3

• 10. Dezember 2016

• #3

Lieb von Dir und danke für die Links. Ich bin nur ein kompletter Amateur und habe keine Ahnung von JavaScript..

Wie nutze ich die getMinute Funktion um das Element nach einer bestimmten Zeit einblenden zu lassen?

 

FranzvonAssisi

Admiral

Registriert

Dez. 2013

Beiträge

7.402

• 10. Dezember 2016

• #4

Setz dich erst mit Javascript auseinander

Andere Programmiererfahrungen?

Ich empfehle dieses Tutorial: https://www.youtube.com/playlist?list=PLNmsVeXQZj7qOfMI2ZNk-LXUAiXKrwDIi

Lg, Franz

 

Z

Zweirad

Newbie

Ersteller dieses Themas

Registriert

Dez. 2016

Beiträge

3

• 10. Dezember 2016

• #5

Das werde ich auch über die Zeit, nur ist das alles ziemlich kurzfristig, weshalb ich einen kleinen Hinweis gut gebrauchen könnte! :/

Vom Prinzip her hole ich mir mit getMinute die Minutenzahl und wie setze ich jetzt die Funktion, dass das Element bei einer bestimmten Minute des Videos erscheint?

Wäre wirklich lieb, wenn ihr mir da etwas detaillierter unter die Schulter greifen könntet!

 

Kanibal

Lt. Commander

Registriert

Dez. 2011

Beiträge

1.032

• 10. Dezember 2016

• #6

Code:

$(document).ready(function(){
  $("#video-active").on(
    "timeupdate", 
    function(event) {
      if(this.currentTime >= (9.5 * 60) && this.currentTime <= (10.5 * 60)) {
        // Button anzeigen
      } else {
        // Button verstecken
      }
    });
}

Ungefähr so. Für den Rest solltest Du eine jQuery-Dokumentation/Tutorial aufsuchen, das ist wirklich kein Hexenwerk mehr