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

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

تركيب الاضافة

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

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

SvkOohq0Tbw

" />1عنوان الفيديو
<option value="

FA95Fx26Rno

" />2عنوان الفيديو

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

width=400......height=300

هي ابعاد الفيديو....الطول والعرض......نسقها على حسب مكان وضع الاضافة.

***

..قائمة الفيديوهات..

غيرالجملة حسب اختيارك

مكتبة الفيديو   مثلا

***

SvkOohq0Tbw

رابط الفيديو1

FA95Fx26Rno

رابط الفيديو2

***

عنوان الفيديو1...2...........واضح...

لاضافة فيديوهات للقائمة

 كررفقط كود احد الفيديوهات السابقة

<option value="

SvkOohq0Tbw

" />1عنوان الفيديو

SvkOohq0Tbw........ ضع مكانه كود الفيديو الجديد .

كيف اضيف كود الفيديوهات

لاضافة كود فيديو ما . اذهب لليوتيب وانسخ الجزء الاخير من الرابط .

الجزء الاخير هو الجزء الملون بالاحمر

كماهو موضح في هذين الرابطين .

نونية القحطاني

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

رحمن يارحمن

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

معاينة الاضافة

 يمكنك ايضا إستعمال الاضافة في أي مشاركة أو صفحة...... بالانتقال من تاليف الى html ووضع الكود فيه.

الى هنا نصل لنهاية الموضوع .

المصدر:

*****************************************************

يمكنك النقل بدون ذكر المصدر