הטמעת וידאו מאתר יוטיוב (youtube) בפלאש שלנו
שילוב הוידאו נעשה בכמה שורות קוד, אלו השלבים:
1. יצירת סרטון (MovieClip) אליו יטען הפלאש
2. יצירת אובייקט Listener "המקשיב" לאירוע (event) סיום הטעינה
3. לאחר זיהוי הטעינה הצמדת אירועים וטיפול לפי הצורך
4. יצירת סרטון טעינה מסוג MovieClipLoader
5. קריאה לסרטון יוטיוב בפורמט http://www.youtube.com/v/video_code
video_code - נחליף עם הקוד האמיתי של הסרט, את הקוד הזה אפשר לחלץ מהכתובת URL של הסרט, למשל:
כתובת URL של הסרטון הזה:
http://www.youtube.com/watch?v=lwwioJhQzeg
הופך להיות:
http://www.youtube.com/v/lwwioJhQzeg
הנה הקוד המלא:
// יצירת סרטון אליו יטען הפלייר של יוטיוב
var ytplayer:MovieClip = _root.createEmptyMovieClip("ytplayer", 1);
// יצירת אובייקט המקשיב לאירועים
var ytPlayerLoaderListener:Object = {
onLoadInit: function() {
// בדיקה האם הסרטון נטען
loadInterval = setInterval(checkPlayerLoaded, 250);
}
};
var loadInterval:Number;
function checkPlayerLoaded():Void {
// ברגע שהסרטון נטען אנחנו מצמידים לו את האירועים
if (ytplayer.isPlayerLoaded()) {
ytplayer.addEventListener("onStateChange", onPlayerStateChange);
ytplayer.addEventListener("onError", onPlayerError);
clearInterval(loadInterval);
}
}
function onPlayerStateChange(newState:Number) {
trace("New player state: "+ newState);
}
function onPlayerError(errorCode:Number) {
trace("An error occurred: "+ errorCode);
}
// יצירת סרטון לניהול הטעינה
var ytPlayerLoader:MovieClipLoader = new MovieClipLoader();
ytPlayerLoader.addListener(ytPlayerLoaderListener);
// טעינת הסרטון מיוטיוב
ytPlayerLoader.loadClip("http://www.youtube.com/v/lwwioJhQzeg", ytplayer);
מצורפת בהמשך דוגמא להורדה.
טכנולוגיות:































