إضافة قائمة منسلدة لعرض الفيديوهات علي مدونتك




الطريقة بسيطة و هي أنك تضع رمز كود الفيديو فيضظهر عند إختياره من القئمة المنسدلة و لكي نأخذ عينة عن القائمة أذهب إلي أسفل صفحة مدونتي لمعاينة القائمة ،

يكون كل ما عي الزائر فعله هو الضغط علي "إختر الفيديو المراد عرضه" ثم يختار الفيديو الذي يريد إستعراضه و هكذا يظهر الفيديو أسفل القائمة


شرح التركيب


بعد الدخول إلي واجهة المستخدم ====>>>  أذهب إلي خانة التخطيط :
 ثم أضغط علي إضافة أداة ،،،، ثم إضافة أداة  html/javascript
 ; و كل ماعليك فعله هو وضع الكود التالي :

<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' 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 />[إختر الفيديو المراد عرضه...]
<option value="yZPFLVbbb8U" />عنوان الفيديو
<option value="yZPFLVbbb8U" />عنوان الفيديو

</select>
</div>
<div id="divInnerVideo"></div>



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

  •  أضف رابط الفيديو مكان الكود باللون الأحمر (نأخذ الكود من عنوان الفيديو ،، مثلا : http://www.youtube.com/watch?v=yZPFLVbbb8U)
  • أختر عنوانا مناسبا للفيدبو و ضعه حيث اللون الأزرق




الطريقة بسيطة و هي أنك تضع رمز كود الفيديو فيضظهر عند إختياره من القئمة المنسدلة و لكي نأخذ عينة عن القائمة أذهب إلي أسفل صفحة مدونتي لمعاينة القائمة ،

يكون كل ما عي الزائر فعله هو الضغط علي "إختر الفيديو المراد عرضه" ثم يختار الفيديو الذي يريد إستعراضه و هكذا يظهر الفيديو أسفل القائمة


شرح التركيب


بعد الدخول إلي واجهة المستخدم ====>>>  أذهب إلي خانة التخطيط :
 ثم أضغط علي إضافة أداة ،،،، ثم إضافة أداة  html/javascript
 ; و كل ماعليك فعله هو وضع الكود التالي :

<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' 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 />[إختر الفيديو المراد عرضه...]
<option value="yZPFLVbbb8U" />عنوان الفيديو
<option value="yZPFLVbbb8U" />عنوان الفيديو

</select>
</div>
<div id="divInnerVideo"></div>



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

  •  أضف رابط الفيديو مكان الكود باللون الأحمر (نأخذ الكود من عنوان الفيديو ،، مثلا : http://www.youtube.com/watch?v=yZPFLVbbb8U)
  • أختر عنوانا مناسبا للفيدبو و ضعه حيث اللون الأزرق

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
salah eddine