أسهل طريقة لإضافة مشغل الفيديو والصوت الى موقعك أو مدونتك




كيفية إضافة أو تضمين  Yahoo-webplayer مشغل الفيديو وصوت إلى مدونة blogger  أو Wordpress  أو موقع إلكتروني ?

 نعم الأمر سهل فقط بنسخ و لصق كود javascript صغير إلى قالب المدونة أو موقع إلكتروني، ويمكن لهذا لمشغل قراءة فيديو و صوت، كا نسخ رابط فيديو يوتيوب إلى مدونتك وسوف يشتغل هذا الفيديو  Youtube مباشرة بدون نسخ شيفرة/كود تضمين الفيديو،

 كذالك أيضا مع الصوت يمكن تشغيل متل موسيقى MP3 فقط تقوم بنسخ رابط المباشر للموسيقى إلى مدونتك أو موقعك و سوف يشتغل مباشرة عند ضغط زوار على رابط المقطعة الموسيقية بدون إضافة أكواد فلاش لتشغيل الصوت،

 ياهووببلاير يمكن تشغيل أنواع متعددة من الفيديو و الصوت و ليس فقط فيديو يوتيوب أو صوت على صيغة Mp3 ،تقريبا جميع أنواع الميديا.

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

قمت بتقسيم أدرس إلى أجزاء:

   1-  بعض مميزات Yahoo! WebPlayer 
   2-  رؤية تجريبي كيف يعمل
   3-  كيفية إضافة مشغل الصوت و الفيديو إلى مدونة بلوجر  
   4-  كيفية إضافة مشغل الصوت و الفيديو إلى مدونة WordPress
   5-  كيفية إضافة مشغل الصوت و الفيديو إلى موقع ويب
   6-  وأخيرا كيفية الإستخدام

 بعض مميزات Yahoo! WebPlayer 

   تشغيل MP3، يوتيوب، ومجموعة متنوعة من الفيديو وغيرها من الأشكال السمعية
   تحويل أي صفحة ويب إلى قائمة تشغيل الميديا
  من السهل إضافته إلى موقع الويب الخاص بك أو مدونتك مع سطر واحد من الكود
  تشغيل مقاطع أشرطة الفيديو و الموسيقى الموجودة على صفحات موقعك. تشغيل جميع النواع الميديا تقريبا  
   تشغيل أشرطة الفيديو والصوت الموجودة أو المترابطة في صفحة الويب - و تشغيلها بنقرة واحدة، دون الحاجة إلى فتح نوافذ جديدة .
  وWebPlayer ياهو يدعم المتصفحات التالية:
          - إنترنت إكسبلورر 6 فما فوق
          - فايرفوكس 3 وما فوق
          - جوجل كروم (أحدث إصدار )
          - سفاري 5 وما فوق 

رؤية تجريبي كيف يعمل


نوع (اضغط على زر التشغيل)
Tron Legacy Trailer
Zoetrope Video
Yodel Song

كيفية إضافة مشغل الصوت و الفيديو إلى مدونة بلوجر  

 1- إذهب إلى لوحة التحكم الرئيسية blogger > قالب 
 2- تحرير HTML > متابعة
 3-  البحث عن الكود أدناه في القالب (إضغط على CTRL+F في لوحة المفاتيح للبحث في المتصفح)

</Body>
نسخ ولصق هذا الكود WebPlayer، مباشرة فوق علامة الإغلاق </ body> .

<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js"></script>
على سبيل المثال:


<html>
 <head>
  <title>My Website</title>
 </head>
 <body>
 .
 .
 <script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
 </body>
</html>
لإضافة شكل بلون مختلف استبدل الكود WebPlayer  أعلاه الذي أضفته فوق علامة </body>


إلى هذا الكود
<script type="text/javascript"> var YWPParams = { theme: "silver" }; </script>
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js"></script>

كيفية إضافة مشغل الصوت و الفيديو إلى مدونة WordPress

  1-  انتقل إلى "Edit Themes" > وانقر على قالب "Footer"
  2-  لصق الكود WebPlayer مباشرة فوق العلامة  الإغلاق </ body> كما فعلنا مع بلوجر ثم انقر على "update file"
لقد وضع كود لمشغل في Footer الصفحة الثابتة، و هذا يجب ان يظهر في جميع المشاركات أو المواضيع و صفحات التي تتضمن فيديو أو رابط Mp3  في مدونتك.

أو يمكن لك تثبيت البرنامج المساعد وردبريس * إذا كنت تستخدم برنامج وردبريس لموقعك.

كيفية إضافة مشغل الصوت و الفيديو إلى موقع ويب

وضع الكود !WebPlayer Yahoo في نهاية كود HTML موقعك، مباشرة فوق العلامة الإغلاق </ body> .

 <script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
على سبيل المثال:
<html>
 <head>
  <title>My Website</title>
 </head>
 <body>
 .
 .
 <script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
 </body>
</html>
 كيفية الإستخدام 

والآن كيفية الإستخدام بعد أن قمت بإضافة  الكود !WebPlayer Yahoo في صفحة موقعك أو مدونة و أيضا إذا تريد تعديل على الكود لرغبتك كما تريد إذهب إلى صفحة How to Set Up في موقع webplayer.yahoo.com .

1. تشغيل الصوت والموسيقى 

- وWebPlayer ياهو يبحت عن وصلات الملفات صوتية على موقعك ثم يضيف أزرار تشغيل عندما يعتر على رابط ملف صوتي . إذا روابط الملف يكون ملحق بتنسيق مدعوم (على سبيل المثال. MP3،.وwma، الخ ...)، فإن WebPlayer ياهو يعتر عليه . أبسط طريقة للحصول على زر تشغيل الصوت هو ربط ملف MP3. 


- كيفية إضافة رابط الصوت أو الموسيقى إلى موقع أو مدونة

<a href="http://example.com/song.mp3">الموسيقى المفضلة</a>

 تستبدل http://example.com/song.mp3 لرابط الخاص بك  المباشر لمقطع موسيقى أو صوتي 

تم استبدال الموسيقى المفضلة لنص الذي سوف يظهر مع زر تشغيل عندما يضغط عليه زائر سوف يشتغل الصوت 

2.  تشغيل أشرطة فيديو يوتيوب

وWebPlayer ياهو يعتر على روابط الفيديو يوتيوب تلقائيا على صفحات موقعك أو مدونة و يقوم بتشغيلها . انتقل إلى موقع YouTube.com والبحث عن الفيديو، ثم نسخ ولصق عنوان/ URL الموقع صفحة الفيديو إلى صفحتك. عناوين الصفحة فيديو يوتيوب من هذا القبيل: http://www.youtube.com/watch?v=Cbph82AmBOc&feature=plcp

- كيفية إضافة رابط فيديو يوتيوب إلى موقع أو مدونة

<a href="http://www.youtube.com/watch?v=Cbph82AmBOc&feature=plcp"> Immortal Kombat </a>

 استبدل http://www.youtube.com/watch?v=Cbph82AmBOc&feature=plcp إلى عنوان في صفحة الفيديو يوتيوب

 استبدل Immortal Kombat   إلى نص الذي سوف يظهر مع زر تشغيل

2. تشغيل فيلم ، وأشرطة الفيديو

WebPlayer ياهو يكشف عن وصلات الفيلم أو شريط فيديوفي صفحات موقعك أو مدونة و يضيف أزرار تشغيل . متل  اذهبوا الى أفلام ياهو في http://movies.yahoo.com والبحث عن الفيلم، ثم نسخ ولصق عنوان الصفحة فيلم في صفحتك. عناوين فيلم  الصفحة يبدو مثل هذا: http://movies.yahoo.com/movie/1810190842/info.
و أيضا يمكنك إضافة رابط فيلم أو فيديو على سبيل الميتل هكذا http://Video-URL.com/video.flv

- كيفية إضافة رابط فيلم ، وأشرطة الفيديو

<a href="http://movies.yahoo.com/movie/1810190842/info">Ip Man 2</a>

 استبدل http://movies.yahoo.com/movie/1810190842/info إلى عنوان/ URL الفيلم أو شريط الفيديو

 استبدل Ip Man 2   إلى نص الذي سوف يظهر مع زر تشغيل

لمعرفة المزيد قم بزيارة صفحة  How to Use في موقع  yahoo webplayer!

8 تعليقات

  1. غير معرف29/8/12 11:39

    ما شاء الله إنجاز رائع.. لو أحببت أن نتعاون سويًا بأن تضمن إعلانات أدسنس من حسابي في مدونتك، يشرفني ذلك

    ردحذف
  2. غير معرف29/8/12 11:56

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

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

    ردحذف
  4. تمام انا عايز الشرح ده بس على ورد برس لانى مش لاقى الاسماء اللى انته بتقول عليها على ورد برس ..

    ردحذف
  5. لا يمكن إذا كنت تستعمل ووردبريس مجاني ويمكن عند إضافة سكريبت مع الموضوع أو أضف سكريبت في إضافة HTML للمدونة :)

    ردحذف
  6. ممتااااااااااااااااااااااااااااااااااز

    ردحذف
  7. غير معرف2/8/13 01:29

    اخوي يوم اجي ابحث عن بودي يقولي غير متوفر وش الحل ممكن الرد على في أسرع وقت ممكن محتاج اظافة الكود هذا اميلي لتواصل [email protected]

    ردحذف
  8. فعلت كل شئ لكن عند االاستخدام لا يظهر الفيديوا ما هو الحل ؟؟

    ردحذف
أحدث أقدم