تويت
ادراج فيديو يوتوب في مشروع فلاشي يتطلب بعض المراحل التي سنتطرق اليها كما يلي :
افتح مشروع جديد حدد الطبقة الآولى ثم اضغط F9
1/ يجب تعديل بعض اعدادات الامان لمشروع العمل للسماح بالاتصال بسرفر يوتوب وهي خطوة اجبارية وسيكون أول كود الاتي
كود:
Security.allowDomain("www.youtube.com");
لذلك سنضيف هذا السطر ليصبح الكود
كود:
Security.allowDomain("www.youtube.com");
var my_player:Object;
وهو من فئة swf على الرابط المذكور أسفله وسيكون الكود كما يلي :
كود:
Security.allowDomain("www.youtube.com");
var my_player:Object;
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
كود:
Security.allowDomain("www.youtube.com");
var my_player:Object;
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
my_loader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);
مع تحديد طول وعرض المشغل ليصبح الكود
كود:
Security.allowDomain("www.youtube.com");
var my_player:Object;
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
my_loader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);
function onLoaderInit(e:Event):void{
addChild(my_loader);
my_player = my_loader.content;
my_player.addEventListener("onReady", onPlayerReady);
}
function onPlayerReady(e:Event):void{
my_player.setSize(640,360);
}
تحميل الفيديو يكون عن طريق الدالة loadVideoById() = وتعني تحميل الفيديو بواسطة معرفه باعتبار ان كل فيديو له معرف
كود:
sampleYouTubePlayer.loadVideoById(myVideoID, startingPoint);
myVideoID = نقطة بداية تشغيل الفيديو .
بعد أن عرفنا طريقة استدعاء مشغل فيديو يوتوب لملف الفلاش سنقوم بتشغيل فيديو يوتوب مثلا وهذا هو رابطه
https://www.youtube.com/watch?v=XrFAb_kggQQ
وهذا هو معرف الفيديو XrFAb_kggQQ
وسيكون الكود النهائي ولاتنسى تغيير مقاسات المشروع الافتراضية الى مثلا 630 طول و 400 عرض
[HTML]
Security.allowDomain("www.youtube.com");
var my_player:Object;
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
my_loader.contentLoaderInfo.addEventListener(Event .INIT, onLoaderInit);
function onLoaderInit(e:Event):void{
addChild(my_loader);
my_player = my_loader.content;
my_player.addEventListener("onReady", onPlayerReady);
}
function onPlayerReady(e:Event):void{
my_player.setSize(640,360);
my_player.loadVideoById(" XrFAb_kggQQ",0);
}
[/HTML]هناك بعض الوظائف التي يمكن استعمالها وهي تتعلق بمشغل اليوتوب المحمل مثلا:
كود:
loadVideoById() تشغيل الفيدو اليا بعد تحميله في فلاش . cueVideoById() هاته الوظيفة تمنع الفيديو من التشغيل تلقائيا ويجب استعمال الوظيفة playVideo() playVideo() لتشغيل الفيديو pauseVideo() لايقاف الفيديو ايقاف مؤقت stopVideo() ايقاف نهائي للفيديو mute() كتم الصوت. unMute() تشغيل الصوت
وفي الكود اعلاه سنغير دالة التشغيل التلقائي loadVideoById() لتصبح في الكود اسفله cueVideoById()
بعد اضافة الزين بالاسماء المذكورة وذلك كما يلي :
[HTML]
Security.allowDomain("www.youtube.com");
var my_player:Object;
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
my_loader.contentLoaderInfo.addEventListener(Event .INIT, onLoaderInit);
function onLoaderInit(e:Event):void{
addChild(my_loader);
my_player = my_loader.content;
my_player.addEventListener("onReady", onPlayerReady);
}
function onPlayerReady(e:Event):void{
my_player.setSize(640,360);
my_player.cueVideoById("XrFAb_kggQQ",0);
}
play_btn.addEventListener(MouseEvent.CLICK, playVid);
function playVid(e:MouseEvent):void {
my_player.playVideo();
}
pause_btn.addEventListener(MouseEvent.CLICK, pauseVid);
function pauseVid(e:MouseEvent):void {
my_player.pauseVideo();
}
[/HTML]
معاينة ملف الدرس
أرجو أن أكون قد حققت الفائدة
تعليق