Auch im vierten Teil zur YouTube API gibt es wieder zwei Beispiele. Das eine zeigt, wie man den Embed-Code und die Video-URL ausliest. Das zweite liefert eine einfache Lösung, wie man eine Zeitanzeige erstellt.

Die Quellcodes (.fla) gibt es am Ende des Artikels zum Download

YouTube API: Embed Code und Video-URL

Die Funktion getVideoEmbedCode() liefert einen String zurück, der den HTML-Code zum Einbetten in eine Website enthält. Den Direkt-Link zur YouTube-Seite erhält man mit der Methode getVideoUrl(). Hier das passende Beispiel:

Actionscript:

  1. // neuer MovieClip für den YouTube-Player
  2. "myYouTubePlayer", 1);
  3.  
  4. // event listener erstellen
  5. // neues Interval
  6. // sofort damit ...
  7. // .. ständig zu überprüfen, ob der Player bereits vollständig geladen ist
  8. // wenn Player geladen ...
  9. // wichtig beim Chromeless-Player
  10.         // loadVideoById (laden und abspielen)
  11.         // bzw. cueVideoById (vorschaubild)
  12. "QOJdIJzIqzc");
  13.        
  14.         // Größe setzen
  15. // Preloader ausblenden
  16. // Preloader ausblenden
  17. "Player loaded ...";
  18.        
  19.         // Falls player gemutet, button anpassen
  20. // Überprüfungsinterval wieder löschen
  21. // event listener, wenn sich der videostatus (play, pause, etc.) ändert
  22. "onStateChange"// event listener für fehler
  23. "onError"// Embed Code darstellen
  24. // Video URL darstellen
  25. // MovieClipsLoader zum Laden des Players
  26. // Event Listener hinzufügen
  27. // Ladevorgang starten (nach ../v/ die Video-ID eintragen)
  28. "http://www.youtube.com/apiplayer"// positionieren
  29. // Status des Players (= Zahl)
  30. "Unstarted ...""Ended ...""Playing ...";
  31.         // Symbol und Funktionalität umstellen
  32. "Paused ...";
  33.         // Symbol und Funktionalität umstellen
  34. "Buffering ...""Video cued ...""Fehler aufgetreten "// ::::::::::: Start and Pause Button ::::::::::
  35.  
  36. // init with start function
  37. // ::::::::::: Mute Button ::::::::::
  38. // wenn nicht gemutet
  39. // Video muten
  40. // Symbol umstellen
  41. // wenn gemutet
  42. // Video unmuten
  43. // Symbol umstellen
  44.  

YouTube API: Zeitanzeige

Für eine Zeitanzeige nutzt man die Funktion getCurrentTime(). Sie liefert die aktuelle Abspielposition zurück, allerdings nur in vollen Sekunden (z.B. "150" für 2min30sec). Man kann jedoch die TimeCode-Klasse von Lee Brimelow nutzen, die ich etwas modifiziert habe. Diese rechnet die kompletten Sekunden in das Format mm:ss (z.B. 02:30) um. Eine AS3-Variante von mir gibt es übrigens hier: ActionScript 3: TimeCode Klasse für Video-Zeitanzeige).

Die TimeCode-Klasse kann man ebenfalls auf getDuration() anwenden, wodurch man die Gesamtzeit des Videos erhält.

Actionscript:

  1. // neuer MovieClip für den YouTube-Player
  2. "myYouTubePlayer", 1);
  3.  
  4. // event listener erstellen
  5. // neues Interval
  6. // sofort damit ...
  7. // .. ständig zu überprüfen, ob der Player bereits vollständig geladen ist
  8. // wenn Player geladen ...
  9. // wichtig beim Chromeless-Player
  10.         // loadVideoById (laden und abspielen)
  11.         // bzw. cueVideoById (vorschaubild)
  12. "QOJdIJzIqzc");
  13.        
  14.         // Größe setzen
  15. // Preloader ausblenden
  16. // Preloader ausblenden
  17. "Player loaded ...";
  18.        
  19.         // Falls player gemutet, button anpassen
  20. // Überprüfungsinterval wieder löschen
  21. // event listener, wenn sich der videostatus (play, pause, etc.) ändert
  22. "onStateChange"// event listener für fehler
  23. "onError"// MovieClipsLoader zum Laden des Players
  24. // Event Listener hinzufügen
  25. // Ladevorgang starten (nach ../v/ die Video-ID eintragen)
  26. "http://www.youtube.com/apiplayer"// positionieren
  27. // Status des Players (= Zahl)
  28. "Unstarted ...""Ended ...""Playing ...";
  29.         // Symbol und Funktionalität umstellen
  30. "Paused ...";
  31.         // Symbol und Funktionalität umstellen
  32. "Buffering ...""Video cued ...""Fehler aufgetreten "// ::::::::::: Start and Pause Button ::::::::::
  33.  
  34. // init with start function
  35. // ::::::::::: Mute Button ::::::::::
  36. // wenn nicht gemutet
  37. // Video muten
  38. // Symbol umstellen
  39. // wenn gemutet
  40. // Video unmuten
  41. // Symbol umstellen
  42. // ::::::::::: Time Button ::::::::::
  43.  
  44. // TimeCode Variable
  45. // String zum Abspeichern
  46. // aktuelle Zeit / Gesamtzeit
  47. " / "

Die anderen Artikel zur YouTube-API sind unter dem Tag YouTube API abgelegt.

Download: Beispiel 6 (.fla)
Download: Beispiel 7 (.fla)