kostenloser Webspace werbefrei: lima-city


Funktionen 'abhören'

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. das Zauberwort für die große Suchmaschine lautet:
    addEventListener
  4. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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?
  5. 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
  6. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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.
  7. 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?


  8. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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.
  9. 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
  10. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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.
  11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!