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

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

Explain how the how the library works in the form of videos list Mendlsh for Blogs and Sites

طريقة تركيب الكود لعمل القائمة المنسدلة للفيديوهات:

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

2. تخطيط 

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

4. اضف اداة

6.اختار  Html/Javascript

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

 <script type="text/javascript">
function Code4Arabs-MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='400' height='400' 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="Code4Arabs-MostrarVideo(this.value);">
<option value="" selected="selected"><مكتبة فيديواهات المدونة></option>
<option value=" xxxxx ">  ................... </option>
<option value=" xxxxx ">  ................... </option>

<option value=" xxxxx ">  ................... </option>

<option value=" ................... ">  ................... </option>
</select>
</div>
<div id="divInnerVideo"></div>

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

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

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

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

ثم تضع العناون الخاص بالفيديوا .مثلا.....................  بعنوان الفديويا الخاص بك .

- ملاحظة :

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

الى هنا نكون قد أكملنا شرحنا املين من العلي القدير أن نكون قد وفقا في طرح هذا الموضوع 

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