2016-06-14 13 views
1

Seit vielen Stunden versuche ich, einfache Aktionen mit der YouTube-API durchzuführen. Abgesehen von der Tatsache, dass ich nicht viele Dinge in der API bekomme, wollte ich nur eine einfache Sache verstehen: Wie kommt es, dass mein Video nicht in meinem Film angezeigt wird, obwohl ich den gesamten Code von einem anderen kopiert habe Jefiddle und hat nichts geändert. HierYouTube-Video wird nicht angezeigt

ist die jsfiddle: http://jsfiddle.net/jpreynat/e11oy0eu/

Mein Endziel ein einfaches JQuery zu verwenden war hinzuzufügen und eine Klasse mit dem Körper zu entfernen, während Spiel klicken oder pausieren. Hier ist meine letzte Code ist: https://jsfiddle.net/us64a5os

// 2. This code loads the IFrame Player API code asynchronously. 
    var tag = document.createElement('script'); 

    tag.src = "//www.youtube.com/iframe_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    // 3. This function creates an <iframe> (and YouTube player) 
    // after the API code downloads. 
    var player; 
    function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: 'M7lc1UVf-VE', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 

    // 4. The API will call this function when the video player is ready. 
    function onPlayerReady(event) { 
    event.target.playVideo(); 
    } 

    function onPlayerStateChange(event) { 
    switch(event.data) { 
     case 1: 
     $('body').addClass('play'); 
     break; 
     case 2: 
     $('body').removeClass('play'); 
    } 
    } 

an den verschiedenen Fehler in der Konsole der Suche habe ich versucht, https auf http oder einfach auf // entfernte ich Adblock, habe ich versucht, auf eine lokale Datei auf meinem Desktop, ... etc

Dank =)

Antwort

0

Sie onYouTubePlayerAPIReady Funktion in Fenster Objekt wie

window.onYouTubePlayerAPIReady = function() { 
    console.log('ready now...'); 
} 
haben sollte

Dies sollte funktionieren!

+0

Thanks =) Ich habe versucht, aber es funktioniert nicht, können Sie mir eine JSFiddle schicken? – LightBen

+0

Hier gehts! https://jsfiddle.net/us64a5os/12/ – Shiv

+0

Es hat funktioniert ... können Sie erklären, was passiert ist? Und auch warum der ursprüngliche Weg für andere außer mir funktionierte? – LightBen