Youtube JavaScript-API (& ASP) mit mehreren Videos

Question

ich ASP habe auf meiner Seite den Einbettungscode zu erzeugen, wie folgt:

Table1.Rows(0).Cells(0).Text = "<object style=""height: 390px; width: 640px"" id=""ytplayer_object_left"">" & _ 
     "<param name=""movie"" value=""https://www.youtube.com/v/UASyS-jUKKI?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_left"">" & _ 
     "<param name=""allowfullscreen"" value=""true"">" & _ 
     "<param name=""allowscriptaccess"" value=""always"">" & _ 
     "<embed src=""https://www.youtube.com/v/UASyS-jUKKI?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_left"" type=""application/x-shockwave-flash"" allowfullscreen=""true"" allowscriptaccess=""always"" width=""425"" height=""344"" id=""ytplayer_left""></object>" 



    Table1.Rows(0).Cells(2).Text = "<object style=""height: 390px; width: 640px"" id=""ytplayer_object_right"">" & _ 
     "<param name=""movie"" value=""https://www.youtube.com/v/uasys-jukki?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_right"">" & _ 
     "<param name=""allowfullscreen"" value=""true"">" & _ 
     "<param name=""allowscriptaccess"" value=""always"">" & _ 
     "<embed src=""https://www.youtube.com/v/uasys-jukki?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_right"" type=""application/x-shockwave-flash"" allowfullscreen=""true"" allowscriptaccess=""always"" width=""425"" height=""344"" id=""ytplayer_right""></object>" 

Ich habe dafür gesorgt, dass die IDs unterschiedlich sind auf beiden, und die onYouTubePlayerReady (id) wird korrekt für beide aufgerufen (gibt 'ytplayer_left' und 'ytplayer_right' zurück). Allerdings kann ich nicht jedes Video als eine andere Javascript-Variable erhalten, so dass ich sie unabhängig spielen/pausieren kann.

Dies ist der Code, den ich habe versucht:

var vid_left; 
    var vid_right; 
    function onYouTubePlayerReady(id) { 
     alert(id); 
     if (id = 'ytplayer_right') { 
      vid_right = document.getelementbyId(id); 
      alert(vid_right); 
     } 

     if(id = 'ytplayer_left') { 
      vid_left = document.getelementbyId(id); 
      alert(vid_left); 
     } 

Jede Hilfe? Vielen Dank.

Answer 1

Zwei Probleme:

• Verwenden document.getElementById (mit Großbuchstaben).
• Verwenden == zu vergleichen Variablen, nicht=.

Code:

var vid_left, vid_right; 
function onYouTubePlayerReady(id) { 
    alert(id); 
    if (id == 'ytplayer_right') { 
     vid_right = document.getElementById(id); 
     alert(vid_right); 
    } else if(id == 'ytplayer_left') { 
     vid_left = document.getElementById(id); 
     alert(vid_left); 
    } 
} 

Answer 2

Ich bin nicht sicher, dass Sie den Tag mit getElementById bekommen kann. Versuchen Sie:

var object = document.getElementById(objectID) 

var embed = object.getElementsByTagName('embed')[0];