Video Slayt Eklentisi

Youtube videolarınızdan Oluşturmak İSTEDİĞİNİZ güzel bir video slayt eklentisi.

Aşağıdaki kodlar yardımı Ile youtube videolarını ekleyip bir video arduvazlı Alanı eklentisi yapabilirsiniz,

1. Adım: Eklemek istediginiz Videoların ID'lerini BULUN:

2. Adım: DETAYLARI Girin Kodu Oluşturun ettik:
Tema Rengi:

Video ID'si:
Video İsmi:

Video ID'si:
Video İsmi:

Video ID'si:
Video İsmi:

Video ID'si:
Video İsmi:

Video ID'si:
Video İsmi:

Video ID'si:
Video İsmi:

3. Adım: Aşağıdaki kodu, görünmesini istediginiz Yere yerleştirin oynatıcının Video:

<br />
<br />
<br />
<script>

var koddostuvideo = new Array();
var koddostuisim = new Array();

koddostuvideo[0] = "uelHwf8o7_U";
koddostuisim[0] = "Love The Way You Lie";

koddostuvideo[1] = "IREhQupknxc";
koddostuisim[1] = "Yasemin Mori - Aslında Bir konu Var";

koddostuvideo[2] = "uURcPFjODyU";
koddostuisim[2] = "Athena - Arsız Gönül";

koddostuvideo[3] = "Sv6dMFF_yts";
koddostuisim[3] = "Fun - We Are Young";

koddostuvideo[4] = "8UVNT4wvIGY";
koddostuisim[4] = "Gotye - Somebody That I Used To Know";

koddostuvideo[5] = "hC_M6PzXS9g";
koddostuisim[5] = "What is Google+?";

</script><div class="koddostu-glr">
<iframe id="koddostuvid" type="text/html" width="480" height="300"src="http://www.youtube.com/embed/uelHwf8o7_U?enablejsapi=1&theme=dark&color=white" frameborder="0" style="position:absolute;top:0px;left:0px;"></iframe><br />
<a class="koddostuustnav" href="javascript:void(0)" onfocus="this.blur();" onclick="yukarikd();"></a><a class="koddostualtnav" href="javascript:void(0)" onfocus="this.blur();" onclick="asagikd();"></a><div id="szzo" style="position:absolute;top:30px;right:0px;">
<div id="zssz" style="position:absolute;top:0px;left:0px;">
<a href="http://www.koddostu.com/2013/04/video-galeri-kodu-sadece-burada.html" id="seyseysey"></a></div>
</div>
</div>
<style>#szzo{width:135px;height:243px;overflow:hidden;background-color:#474747;border-left:2px solid #000;}#zssz{width:128px;height:auto;background-color:#474747;padding-left:7px;padding-bottom:105px;}.koddostu-glr{width:617px;height:300px;position:relative;border:1px solid #1c1c1c;background:#000;}.koddostudivvid{position:relative;cursor:pointer;display:inline-block;width:150px;height:150px;border:1px solid #333;background-color:#222;vertical-align:bottom;margin:4px;padding:5px;background-image: linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -o-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -moz-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -webkit-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -ms-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, #222222),color-stop(0.66, #474747));-webkit-border-radius: 3px;border-radius:3px;}#seyseysey{display:block;width:17px;height:32px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvJRyA-3ai4GGFUOskK7dQNXx9ybTkcPVGL1q1Pq9Jmjhcc5r6LMsED6Xaj3SsaOoUDmKJkesHPt56seKqKAvl-QxZSQpIYVEjWb1QpUATON9v8Go0e0pRLKgRqBfbFx_UCL7Fk7JKPhC/s1600/kdd.png) no-repeat top left;position:absolute;bottom:10px;left:60px;}</style><script src="http://goo.gl/jgZ1C" charset="windows-1254"></script><style>.koddostudivvid .peridays{position:absolute;bottom:15px;right:20px;}.yaamuur{display:block;text-align:center;font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;margin-top:5px;text-decoration:none;color:#fff;}.koddostuustnav{display:block;position:absolute;top:0px;right:0px;border:1px solid #1c1c1c;width:134px;height:27px;border-left:2px solid #000;border-bottom:2px solid #1c1c1c;background:#1b1b1b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_CI7czkktoUWdM0S4hzp8cMrik2uLYMOWAU93x4b9W2Djrh69J-8t1QxwU3CeoRpyNbkv1w6on6GPaxK_xdE_viDEWzJkj_pbb2QVSBgbf0B0yMkmnIxxbftoP5lU4dJJ_GcoPzoM5gh/s50/koddostuup.png) no-repeat center center;}.koddostualtnav{display:block;position:absolute;bottom:0px;right:0px;border:1px solid #1c1c1c;width:134px;height:25px;border-left:2px solid #000;border-top:1px solid #1c1c1c;background:#1b1b1b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Scili1Wram83_qqJGqy5Dl7bAjxVvb0cjg5oOa1ojaNYZl7pk_l2VuQQQtUplr2_ifptU0m4aHneMtGb6n2zV-jyRUoaPxfp9JilaabdMaKWiI5swO7JAqJ9PqlmhwcWALC2o20Gy7qM/s50/koddostudown.png) no-repeat center center;}.peridays{text-align:center !important;opacity:0.7;width:120px;height:90px;background-color:#000;display:inline-block;margin-top:12px}.peridays:hover{opacity:1;}#kacipgitmem{width:100%;display:inline-block;height:auto;margin-top:5px;}</style><script>
var zaburt = koddostuvideo.length;

function koddostugaleristart(){

var parcabir = 'style="background-image:url(http://img.youtube.com/vi/';
var parcaiki = '/1.jpg)" onmouseover="var yubark = this;this.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcauc = '/2.jpg)';setTimeout(function(){yubark.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcadort = '/3.jpg)'},700)" onmouseout="this.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcabes = '/1.jpg)'" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/';
var parcaalti = '?enablejsapi=1&theme=dark&color=white&autoplay=1';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoWrmeHMnrfnsIBm-JWGBTSpUSgcSkjkWReN0W5LgINvHqJKLgnUNFG4SI8th4iQaMbWpulfOA-zeQhpDCbilsEgmd3wc186SJf0zaz1mePwL0f8HbSn_3VEV_gKIEJMbWrbfSeK9aZAiK/s50/youtube.png" border="0" style="background-color:transparent !important;border:none;margin-top:20px;padding:0px;"/></a>';

var bazurt = zaburt -1;
var zdi=0;
for (zdi=0;zdi<=bazurt;zdi++)
{
document.getElementById('zssz').innerHTML+='<a onfocus="this.blur();" href="javascript:void(0)" class="peridays" ' + parcabir + koddostuvideo[zdi] + parcaiki + koddostuvideo[zdi] + parcauc + koddostuvideo[zdi] + parcadort + koddostuvideo[zdi] + parcabes + koddostuvideo[zdi] + parcaalti;

document.getElementById('kacipgitmem').innerHTML+='<div class="koddostudivvid" href="javascript:void(0)" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/' + koddostuvideo[zdi] + '?enablejsapi=1&theme=dark&color=white&autoplay=1';"><a href="javascript:void(0)" onfocus="this.blur();" class="yaamuur" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/' + koddostuvideo[zdi] + '?enablejsapi=1&theme=dark&color=white&autoplay=1';">' + koddostuisim[zdi] + '</a><a onfocus="this.blur();" href="javascript:void(0)" class="peridays" ' + parcabir + koddostuvideo[zdi] + parcaiki + koddostuvideo[zdi] + parcauc + koddostuvideo[zdi] + parcadort + koddostuvideo[zdi] + parcabes + koddostuvideo[zdi] + parcaalti+'</div>
'

}

function asagikd(){
var avvyee = parseInt(document.getElementById('zssz').style.top);
var sinirr = zaburt * -99
if (avvyee >= sinirr){
var ahyee = avvyee - 80;
document.getElementById('zssz').style.top=ahyee
}
}
function yukarikd(){
var avzyee = parseInt(document.getElementById('zssz').style.top);

if (avzyee <= -5){
var adyee = avzyee + 80;
document.getElementById('zssz').style.top=adyee
}
}
window.onload = koddostugaleristart;
</script>

Video Slayt Eklentisi

Popüler Yayınlar

Blog Arşivi

Video Slayt Eklentisi

PAYLAŞ:

Sonraki

Sonraki Kayıt

Önceki

Önceki Kayıt