[Maestro]

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






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

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

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



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