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:
-
// neuer MovieClip für den YouTube-Player
-
"myYouTubePlayer", 1);
-
-
// event listener erstellen
-
// neues Interval
-
// sofort damit ...
-
// .. ständig zu überprüfen, ob der Player bereits vollständig geladen ist
-
// wenn Player geladen ...
-
// wichtig beim Chromeless-Player
-
// loadVideoById (laden und abspielen)
-
// bzw. cueVideoById (vorschaubild)
-
"QOJdIJzIqzc");
-
-
// Größe setzen
-
// Preloader ausblenden
-
// Preloader ausblenden
-
"Player loaded ...";
-
-
// Falls player gemutet, button anpassen
-
// Überprüfungsinterval wieder löschen
-
// event listener, wenn sich der videostatus (play, pause, etc.) ändert
-
"onStateChange"// event listener für fehler
-
"onError"// Embed Code darstellen
-
// Video URL darstellen
-
// MovieClipsLoader zum Laden des Players
-
// Event Listener hinzufügen
-
// Ladevorgang starten (nach ../v/ die Video-ID eintragen)
-
"http://www.youtube.com/apiplayer"// positionieren
-
// Status des Players (= Zahl)
-
"Unstarted ...""Ended ...""Playing ...";
-
// Symbol und Funktionalität umstellen
-
"Paused ...";
-
// Symbol und Funktionalität umstellen
-
"Buffering ...""Video cued ...""Fehler aufgetreten "// ::::::::::: Start and Pause Button ::::::::::
-
-
// init with start function
-
// ::::::::::: Mute Button ::::::::::
-
// wenn nicht gemutet
-
// Video muten
-
// Symbol umstellen
-
// wenn gemutet
-
// Video unmuten
-
// Symbol umstellen
-
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.
-
// neuer MovieClip für den YouTube-Player
-
"myYouTubePlayer", 1);
-
-
// event listener erstellen
-
// neues Interval
-
// sofort damit ...
-
// .. ständig zu überprüfen, ob der Player bereits vollständig geladen ist
-
// wenn Player geladen ...
-
// wichtig beim Chromeless-Player
-
// loadVideoById (laden und abspielen)
-
// bzw. cueVideoById (vorschaubild)
-
"QOJdIJzIqzc");
-
-
// Größe setzen
-
// Preloader ausblenden
-
// Preloader ausblenden
-
"Player loaded ...";
-
-
// Falls player gemutet, button anpassen
-
// Überprüfungsinterval wieder löschen
-
// event listener, wenn sich der videostatus (play, pause, etc.) ändert
-
"onStateChange"// event listener für fehler
-
"onError"// MovieClipsLoader zum Laden des Players
-
// Event Listener hinzufügen
-
// Ladevorgang starten (nach ../v/ die Video-ID eintragen)
-
"http://www.youtube.com/apiplayer"// positionieren
-
// Status des Players (= Zahl)
-
"Unstarted ...""Ended ...""Playing ...";
-
// Symbol und Funktionalität umstellen
-
"Paused ...";
-
// Symbol und Funktionalität umstellen
-
"Buffering ...""Video cued ...""Fehler aufgetreten "// ::::::::::: Start and Pause Button ::::::::::
-
-
// init with start function
-
// ::::::::::: Mute Button ::::::::::
-
// wenn nicht gemutet
-
// Video muten
-
// Symbol umstellen
-
// wenn gemutet
-
// Video unmuten
-
// Symbol umstellen
-
// ::::::::::: Time Button ::::::::::
-
-
// TimeCode Variable
-
// String zum Abspeichern
-
// aktuelle Zeit / Gesamtzeit
-
" / "
Die anderen Artikel zur YouTube-API sind unter dem Tag YouTube API abgelegt.
Download: Beispiel 6 (.fla)
Download: Beispiel 7 (.fla)
Schreibe einen Kommentar