Video Yükleme Js
-
arkadaşlar mesela aşağıdaki linke bakarsanız dizi 6 parçaya ayrılmış ve yukarıdan hangi parçayya tıklarsanız sizi farklı bir sayfaya yönlendirerek video yu açıyor.. Benim istediğim şeyse js yada ajax artık ne şekilde olursa mesela 2.parça yazısına tıkladı mı sayfa falan hiç değişmeden aşağıda direk 2.sayfada görünmesini istediğim video (iframe) kodu çıksın ortaya.. Kodu paylaşacak arkadaş var mı , yada böyle birşey :)
http://www.fulldiziizleyelim.net/umutsuz-ev-kadinlari-112bolum-izle-15-ocak-2014-tek-parca.html
-
up++
-
Buyur hocam javascriptlede direk olur gibime geliyorda jqueryle yaptım ben işine yararsa artık.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ var video = $("#videocuk").attr("src"); $("#degis").click(function(){ $("#videocuk").attr("src","http://api.video.mail.ru/videos/embed/mail/sarikafa/_myvideo/220.html?rel=0&autoplay=1"); }); }); </script> </head> <body> <a id="degis">Videoyu değiştirmek için tıkla</a> <iframe id="videocuk" src="http://api.video.mail.ru/videos/embed/mail/sarikafa/_myvideo/220.html?rel=0&autoplay=1" width="100%" height="410" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe> </body> </html> -
jquery tabbed menu işini görür gibi.
-
hocam denedim ama yapamadım mesela , aşağıda 3 farklı iframe kodu var bunları kodla nasıl uygulayacağız
<iframe width="640" height="360" src="//www.youtube.com/embed/r6YTI4_dAis?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
<iframe width="640" height="360" src="//www.youtube.com/embed/YMxGcEphdZI?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
<iframe width="640" height="360" src="//www.youtube.com/embed/zDF34IpQW4A?feature=player_detailpage" frameborder="0" allowfullscreen></iframe> -
Bu şekilde yapacan.Tabi bu çok amatorce hali direk src leri değiştiriyor dahada geliştirile bilir.1.video 2.video falan tıkladıkca değiştirir
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ var video = $("#videocuk").attr("src"); $("#degis").click(function(){ $("#videocuk").attr("src","http://www.youtube.com/embed/r6YTI4_dAis?feature=player_detailpage"); }); $("#degis2").click(function(){ $("#videocuk").attr("src","http://www.youtube.com/embed/YMxGcEphdZI?feature=player_detailpage"); }); $("#degis3").click(function(){ $("#videocuk").attr("src","http://www.youtube.com/embed/zDF34IpQW4A?feature=player_detailpage"); }); }); </script> </head> <body> <a id="degis">1.Video</a><br/> <a id="degis2">2.Video</a><br/> <a id="degis3">3.Video</a><br/> <iframe id="videocuk" src="http://www.youtube.com/embed/r6YTI4_dAis?feature=player_detailpage" width="100%" height="410" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe> </body> </html> -
çok teşekkür ederim
-
birde şöyle birşey oldu hocam bunu wp de kullanacam doğal olarak o head arasındaki kodları nasıl kullanacam onu çözemedim :S
-
coder2 bunu yazdı
birde şöyle birşey oldu hocam bunu wp de kullanacam doğal olarak o head arasındaki kodları nasıl kullanacam onu çözemedim :S
Hocam yardımcı olmak isterdimde wp'den hiç anlamam,kullanmadım o konuda yardım edecek bi arkadaş çıkar umarım.Çıkmazsa pm at yinede bi uğraşalım becere bilirsek artık
