
الطريقة بسيطة و هي أنك تضع رمز كود الفيديو فيضظهر عند إختياره من القئمة المنسدلة و لكي نأخذ عينة عن القائمة أذهب إلي أسفل صفحة مدونتي لمعاينة القائمة ،
يكون كل ما عي الزائر فعله هو الضغط علي "إختر الفيديو المراد عرضه" ثم يختار الفيديو الذي يريد إستعراضه و هكذا يظهر الفيديو أسفل القائمة
شرح التركيب
بعد الدخول إلي واجهة المستخدم ====>>> أذهب إلي خانة التخطيط :
ثم أضغط علي إضافة أداة ،،،، ثم إضافة أداة 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)
- أختر عنوانا مناسبا للفيدبو و ضعه حيث اللون الأزرق


