Funktionen 'abhören'
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abfragen
beispiel
benutzen
button
code
dom
ereignis
erkennen
forum
funktion
http
idee
knopf
pause
start
suche
suchmaschine
url
video
zauberwort
-
Hallo,
ich suche eine möglichkeit, damit ich weiss, welche Funktion gerade betätigt wird, wenn ich als Beispiel auf ein Youtube Video drücke. Das ist ja dann mit einem iFrame eingebettet. Wenn ich zb einen Start und Pause Knopf für das Video machen wollte. Könnte ich diese Funktionen iwie abfragen und benutzen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
timebandit schrieb:
das Zauberwort für die große Suchmaschine lautet:
addEventListener
<!DOCTYPE html> <html> <head> <script type="text/javascript"> window.onload = EventListeners(); function EventListeners(){ document.getElementById('video').addEventListener("onpause",Video.pause,false); } function Video(){} Video.prototype.pause = function(){ alert('PAUSE! AHA AHA!'); } </script> </head> <body> <iframe id="video" width="640" height="360" src="https://www.youtube.com/embed/Ktbhw0v186Q?feature=player_detailpage" frameborder="0" allowfullscreen></iframe> </body> </html>
9TypeError: 'null' is not an object (evaluating 'document.getElementById('video').addEventListener')
Idee was ich falsch mache? -
du bist mit JavaScript noch nicht vertraut, oder?
Mal schnell ein Beispiel:
<!DOCTYPE Html> <html> <head> <title>addEventListener</title> <script> window.addEventListener("load", start, false); function start () { var ele = document.getElementById("video"); ele.addEventListener("click", machwas, false); } function machwas () { alert('HEUREKA'); } </script> </head> <body> <div> <input id="video" type="submit" value="neu"> </body> </html>
zum Anschauen -
timebandit schrieb:
du bist mit JavaScript noch nicht vertraut, oder?
Mal schnell ein Beispiel:
<!DOCTYPE Html> <html> <head> <title>addEventListener</title> <script> window.addEventListener("load", start, false); function start () { var ele = document.getElementById("video"); ele.addEventListener("click", machwas, false); } function machwas () { alert('HEUREKA'); } </script> </head> <body> <div> <input id="video" type="submit" value="neu"> </body> </html>
zum Anschauen
Mit nem Button bekomm ichs doch auch hin, es geht ums Video. Was ist an meinem Code so schlecht, damit du sagst ich wär damit nicht vertraut? So könnte mans zwar sehen, z.B. mach ich das auch nur als Übung, aber was so schlecht daran ist würd mich interessieren. Weil ich die EventListener anders mache?
Mit deiner Variante bekomm ich den gleichen Error. -
timebandit schrieb:
Im HTML DOM existiert kein Event 'onpause'
Eine Übersicht gibts hier.
Machen deine Videos selbständig Pause, oder muss man dazu -wie allgemein üblich- einen Button drücken?
Ich hab eine neure Liste mit HTML5 benutzt, da gibts onpause, was ich auch benutze. Prob ist, dass getElementByID nicht funzt, steht zumindest so in der Fehlermeldung. Ich will einfach mal, dass funktioniert ,dass ich erkennen kann wenn Pause ist. Ich muss es erkennen und ausführen können.
Also auch ne pausen funktion und dann stopt das video. -
c143 schrieb:
Hallo,
ich suche eine möglichkeit, damit ich weiss, welche Funktion gerade betätigt wird, wenn ich als Beispiel auf ein Youtube Video drücke. Das ist ja dann mit einem iFrame eingebettet. Wenn ich zb einen Start und Pause Knopf für das Video machen wollte. Könnte ich diese Funktionen iwie abfragen und benutzen?
Die Ausgangssituation hat sich aber doch jetzt geändert. Ursprünglich wolltest du eine Button-Lösung.
Nun gut. Verwende das Videoelement <video> darin kannst du auch das Ereignis onpause verwenden.
document.getElementById('video').addEventListener("onpause",Video.pause,false);
Die id bezieht sich auf ein <iframe> dort kannst du kein Event onpause hinzufügen.
Beitrag zuletzt geändert: 9.4.2013 21:18:29 von timebandit -
timebandit schrieb:
c143 schrieb:
Hallo,
ich suche eine möglichkeit, damit ich weiss, welche Funktion gerade betätigt wird, wenn ich als Beispiel auf ein Youtube Video drücke. Das ist ja dann mit einem iFrame eingebettet. Wenn ich zb einen Start und Pause Knopf für das Video machen wollte. Könnte ich diese Funktionen iwie abfragen und benutzen?
Die Ausgangssituation hat sich aber doch jetzt geändert. Ursprünglich wolltest du eine Button-Lösung.
Nun gut. Verwende das Videoelement <video> darin kannst du auch das Ereignis onpause verwenden.
document.getElementById('video').addEventListener("onpause",Video.pause,false);
Die id bezieht sich auf ein <iframe> dort kannst du kein Event onpause hinzufügen.
Der ganze Sinn dahinter ist, das bei nem YoutubeVideo zu machen. Andere Ideen? Und wie kann ichs dann stoppen? Also mit ner funktion. ich bekomm ja nur ne meldung, wenn es gestoppt wird. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage