اضافة مكتبة فيديوهات على شكل قائمة منسدلة لمدونات بلوجر

السلام عليكم  
 كود عمل مكتبة فيديو على شكل قائمة منسدلة تحتوي على فيديوهات ,هذه القائمة المنسدلة تحتوي على فيديوهات أنت تختارها وتركبها  ومن دون أخد مساحة كبيرة ,ومن تم يتسنى للزائر فقط أن يختار أي فيديوا وسيظهر تلقائيا أسفل القائمة  من دون تحميل الصفحة أو بطىء في التصفح  يعني هذه الاضافة تستحق التجريب
 طريقة التركيب

1. اذهب للوحة التحكم 

2. تخطيط 

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 ثم ضع الكود التالي 

<script type="text/javascript"> function MostrarVideo(idYouTube) { var contenedor = document.getElementById('divInnerVideo'); if(idYouTube == "") { contenedor.innerHTML = ""; } else { var dimensiones = "width='300' height='300' frameborder='0'"; var url = "http://www.youtube.com/embed/" + idYouTube; contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>"; } } </script> <div style="margin:20px 0px;"> <select id="sVideos" onchange="MostrarVideo(this.value);"> <option value="" selected="selected"><مكتبة فيديواهات المدونة></option> <option value="PeEv9FGMrpg">إنفجار يهز وسط تل أبيب </option> <option value="9XeqaSv6iOI">خالد مشعل : للمغاربة باب في القدس و أي باب </option> <option value="G7fpl1GgmDg"> أروع فيديو ممكن تشوفو عن المغرب</option> </select> </div> <div id="divInnerVideo"> </div>


- طريقة اضافة الفيديوهات:

طريقة اضافتها سهل يكفي فقط أن تختار الفيديوا الذي تريد من يوتيب مثلا هذا هو الرابط :

https://www.youtube.com/watch?v=G7fpl1GgmDg

ثم يكفي فقط قص الكود المعلم بالأحمر في الرابط  والذي يوجد بعد علامة =  ووضعه في الكود الخاص بالمكتبة مثلا عوضه يهذا PeEv9FGMrpg وقم بنفس العمل لباقي الفديوها .

ثم تضع العناون الخاص بالفيديوا .مثلا إنفجار يهز وسط تل أبيب  بعنوان الفديويا الخاص بك .

- ملاحظة :

 يمكنك أيضا تغير العرض width=300   أوالطول height=300 الخاص  بقارىء الفيديو بأي قيمة تريد تماشيا مع شكل أو حجم المكان الدي ستوضع فيه الأداة 
الى اللقاء....ابو هشام