شرح إضافة وعرض ملفات الفديو بصيغة flv الى صفحات الموقع php - html

[abohmam]

بسم الله الرحمن الرحيم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

شرح إضافة ملفات الفديو بصيغة FLV الى صفحات الموقع PHP - HTML

حياكم الله جميعا إخواني مُحبي الإحتراف

بناء على طلب أحد الأعضاء سوف أشرح اليوم طريقة إضافة ملفات الفديو الفلاشية والتى هي بصيغة FLV لصفحات الموقع
وكذلك طريقة التحكم فى الكود وسوف اضع النقاط الهامة فى ارقام ليسهل على الجميع الوصول اليها .

إضغط على الصورة للمعاينة

http://www.abc4web.net/upload/images2/mujvlhy9ra.png (http://www.abc4web.net/abc4web_tutrials/abc4web_play_flv/)

:ok:
مثال آخر للمعاينة (http://www.abc4web.net/abc4web_tutrials/abc4web_play_flv/index2.htm)


بداية نقوم بتحميل المثال الذى يحتوى على المثال لكى نتابع الشرح ونعرف كيفية التعديل والإضافة

ماهو المحتوى :

1 - مثال رقم 1 ملف XHTML وبه عرض الفديو + صورة مصغرة يمكن التحكم بها + إمكانية تكبير العرض بحجم الشاشة ويعمل على أغلب المتصفحات ( فايرفوكس - كرووم - إكسبلورار )
2 - مثال رقم 2 ملف XHTML وبه عرض الفديو بدون أى إضافات لا صورة مصغرة ولا إمكانية لتكبير العرض بحجم الشاشة
3 - مشغل الفلاش وهو عبارة عن ملف SWF يجب أن يبقى كما هو دون أى تغيير
4 - ملف FLV الذى سيتم عرضه فى الموقع ويمكن إستبداله برابط مباشر من أى موقع آخر

الآن بعد التحميل وفك الضغط نفتح المثال رقم 1 فى أى محرر أكواد ( فرونت بيج - HTML Kit - Webuilder أو .......... أو حتى نوتة الويندوز )

سوف نرى هذه الأكواد

:JPG: (http://www.abc4web.net/upload/viewer.php?file=saewy4ht3s.png)

http://www.abc4web.net/upload/images2/saewy4ht3s_thumb.png (http://www.abc4web.net/upload/viewer.php?file=saewy4ht3s.png)

كما نرى قمت بتحديد التالي :

1- مكان وضع الكود وهو فى جسم الصفحة body
2- الأكواد التى يجب مراجعتها للتعديل ( إسم ملف الفديو وهو متكرر كما نرى فيجب أن يتم ربطه مع مشغل الفلاش + مع صورة العرض إذا إستخدمناها )
3- كود تحديد مساحة العرض وهو ايضا متكرر ( مرة لتحديد مشغل الفلاش والأخرى لتحديد مساحة عرض الفديو نفسه ) يجب الإنتباه
4- نجد فى السطر رقم 18 كود السماح لعرض الفديو بحجم الشاشة .

كل ماتحتاجه أنت لنقل هذه الأكواد الى موقعك أو صفحتك الخاصة جميع الملفات( ملف مشغل الفلاش + الصورة + ملف الفديو ) + الكود الذى يبدأ بـ الوسم object الى الوسم ذاته object
راجع البداية والنهاية فى هذا الكود ولاتنسى تعديل المحتوى كما هو موضح فى صورة الشرح .


<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
<param name="movie" value="flvplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flv&image=abc4web_preview.jpg" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="flvplayer.swf"
quality="high"
width="480"
height="320"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flv&image=abc4web_preview.jpg"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>



أخيرا يجب أن نعرف أن هناك طرقا ومكتبات جافا رائعة لتشغيل أغلب ملفات الفديو وبطريقة الصندوق الضوئي "الطائر"
لكن انا اشرح الطريقة الأسهل لتضعون القدم الأولى على سلم الإحتراف وعليكم الصعود الى القمة !!! :abc_022:


ربما يتم الشرح ايضا أو ربما أعطيك حل سهل جدا قريبا إن شاء الله

=====/ معلومات التحميل \=====
:dw_abc4web:

:download: (http://www.mediafire.com/file/yam7i31skcha7qw/abc4web_Add_FLV-2-Site.rar)

:pass:
www.abc4web.net
:bar:
.

هام جدا :
أبرأ إلى الله من أى إستخدام مخالف للشريعة من أى أحد كان فليتق الله الذى سيستخدم هذا الشرح فى عرض أغانى أو مقاطع افلام فلا خلاف فى حرمة ذلك .


إضافة لما سبق هذه الأكواد لتشغيل ملف الفلاش من خلال رابط مركز تحميل او من خلال موقع آخر
وهى التى فى مثال العرض


<!---- بداية الكود ---->
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="600" height="400">
<param name="movie" value="flvplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />

<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="flvplayer.swf"
quality="high"
width="600"
height="400"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=http://www.abc4web.net/abc4web_tutrials/abc4web_play_flv/video.flv&image=abc4web_preview.jpg"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
<!---- نهاية الكود ---->


الكود الثاني بدون صور


<!---- بداية الكود ---->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="600" height="400" id="fullscreen" align="middle">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="flvplayer.swf" />
<param name="quality" value="high" />
<param name="salign" value="tl" />
<param name="bgcolor" value="#ffffff" />
<param name="allowfullscreen" value="true" />
<!---- السطر الذى بالأسفل يتم وضع رابط الفديو---->
<embed src="flvplayer.swf" FlashVars="file=http://www.abc4web.net/abc4web_tutrials/abc4web_play_flv/abc4web.flv"
quality="high" salign="tl" bgcolor="#ffffff" width="600" height="400"
name="fullscreen" align="middle"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<!---- نهاية الكود ---->



أتمنى لكم جميعا الفائدة من هذه المشاركة

ولاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.

[المغربي الجديد]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين
درس اكثر من رائع
جرى التحميل والنسخ
جعل الله عملك في ميزان حسناتك
تسلم الايادي
:abc_152:

[أبو يوسف]

جزاك الله خيرا اخي الكريم ابو همام ؛ وتستطيع ايضا إضافة ملفات الفلاش التي بصيغة swf إلى التصميم المعمول بالفونت بيج

وهنا الطريقه

http://www.sadaagroup.com/FrontPageXP/13.htm

[abohmam]

بارك الله فيكما على المرور العطر والإضافة

موفقين لكل خير ان شاء الله

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[نسمة الصباح]

درس اكثر من رااائع
شكرااااا على المساعدة وجزااك الله كل خير على ما تبذله من مجهود
لقد استفدت كثيرا من هدا المنتدى فيما يخص مذكرة تخرجي

[abohmam]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

حياك الله أختنا سالي
اشكر لك مرورك وتواصلك

درس اكثر من رااائع
شكرااااا على المساعدة وجزااك الله كل خير على ما تبذله من مجهود
لقد استفدت كثيرا من هدا المنتدى فيما يخص مذكرة تخرجي


حياك الله أختنا الفاضلة

موفقة بإذن الله ... لك منا أجمل تحية .

[محمود عفيفى]

روعه
تسلم أيدك أخى أبوهمام
هل من حل لظهور الصورة المصغرة فى الفايرفوكس؟

[abohmam]

روعه
تسلم أيدك أخى أبوهمام
هل من حل لظهور الصورة المصغرة فى الفايرفوكس؟

حياك الله أخى محمود

أشكر لك سؤالك وهذا يدل أنك متابع جيد أسال الله لك التوفيق

بخصوص التوافق مع جميع المتصفحات فهذا هو الحل إن شاء الله

إستبدل الكود الذى نضعه فى جسم الصفحة بهذا فقط


<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
<param name="movie" value="flvplayer.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flv&image=abc4web_preview.jpg" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="flvplayer.swf"
quality="high"
width="480"
height="320"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flv&image=abc4web_preview.jpg"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>


سوف أحاول رفع المرفق من جديد مع باقى ملفات المثال

موفق بإذن الله أخي محمود لك مني أجمل تحية

[محمود عفيفى]

أحسن الله إليك أخى أبوهمام
تطبيقى
http://www.abc4web.net/upload/images2/hxldffddqe.png (http://docma7moud.0fees.net/botta/binladen/binladen.html)

[abohmam]

ماشاء الله تطبيق رائع وسرعة فى المتابعة

جزاك الله خيرا اخى محمود

أسال الله ان يبارك فى وقتك وجهدك

[فانكوفر]

شكرا للاخوان الكرام على هده التوضيحات و جزاكم الله ألف خير

[عاشق الغريب]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_139:

[نوكيا]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[كامل السيد علي]

مشكوررررررررررررررر

[abohmam]

بارك اله فيكم جميعا إخواني على المرور والتواصل الجاد

بالتوفيق

[الجزايري]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين
درس اكثر من رائع
جرى التحميل والنسخ
جعل الله عملك في ميزان حسناتك

[جروح بارده]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو صخر]

http://www.abc4web.net/upload/images2/wpjzs6r3qh.gif

موفق بإذن الله ... لك مني أجمل تحية .

[ابوملاك الخبير]

الاستاذ العزيز
هل تفع هذة الاكواد مع سكربتات مثل البوابة العربية
لغرض اظهار الفيديو في الصفحة الرئيسية

[ااالسفير]

:abc_006::abc_006::abc_006:

[باسل بكور]

موضوع جميل :abc_022::abc_022:

[ابو علاء ايمن]

مشكوووووووووووووووووووووو ووووووووووووووووووووووووو ووووووووووووووووووووووووو ور

[آنــ،ــس]

يسسسسسسسسلمو بارك الله فيك على الشرح

[ايجي سكرين]

شكرا والف ليك يا ريس شرح جميل وجاري التحميل

[لعبة الحيا]

تسلم ايدك

*********

[مريم المنذري]

جزاك الله ألف خير :abc_051:
دائما أجد الحلول في هذا الموقع

[abohmam]

بارك الله فيكم جميعا

أشكر لكم جميعا مروركم العطر وتواصلكم الجاد

بالتوفيق

[جوكرنت]

جزاك الله كل خير

[مبتدئ فلاش]

شكرا اخي على الشرح الجميل

[abohmam]

حياكم الله إخواني

أشكر لكم مروركم وتواصلكم

بالتوفيق

[المصمم]

جزاك الله خيرا على الشرح

[حسام سليمان]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[abohmam]

بارك الله فيكم جميعا اخواني

اشكر لكم مروركم وتواصلكم

موفقين ان شاء الله

[نبيل اص]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين
:abc_026:

[abed_tdc]

جزاك الله عنا كل خير

[محمد السيد خلاف]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[abohmam]

حياكم الله إخواني

أشكر لكم مروركم العطر وتواصلكم الجاد

تقبل الله منا ومنكم صالح الأعمال


:thany:

[حسين حامد شاكر]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو فارس]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محمد محمود ابراهي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[الصلاة]

بسم الله الرحمن الرحيم الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

[abohmam]

جزاكم الله خيرا إخوانى

أشكر لكم مروركم وتواصلكم

بالتوفيق

[خالد الصافي]

بسم الله الرحمن الرحيم وعليكم السلام ورحمة الله وبركاته السلام عليكم ورحمة الله وبركاته

[abohmam]

جزاكم الله خيرا إخواني

أشكر لكم مروركم العطر وتواصلكم الجاد

بالتوفيق ان شاء الله

[موسلم]

شكرا اخي جازاك الله خيرا

[حسن الطيب]

السلام عليكم ورحمة الله وبركاته

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[موسلم]

chokran akhi

[كل الاسماء موجوده]

جاري التجربة