معهد خبراء بلوجر - طريقة إنشاء قائمة مندلسة تحتوي على فيديوهات أنت تختارها

طريقة إنشاء قائمة مندلسة تحتوي على فيديوهات أنت تختارها

http://4.bp.blogspot.com/-hHS5Bm-SWs...600/images.jpg

طريقة التركيب

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

2. تخطيط
3.عناصر الصفحة
4. اضف اداة
6.اختار Html/Javascript

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

كود بلغة HTML:

<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 الخاص بقارىء الفيديوا كما هو معلم في الكود أعلاه باللون الأزرق بأي قيمة تريد تماشيا مع شكل أو حجم المكان الدي ستوضع فيه الأداة ,

والسلام عليكم.

رابط الموضوع:
BloggerCom-Plus