10+ En iyi jQuery Player ve HTML5 Player 0

Birbirinden güzel ve farklı jQuery Player, HTML5 Player’lar. HTML5 interneti dahada zenginleştirmeye devam ediyor jQuery zaten zenginliğini yeterince kattı 🙂 Şimdi bu 2 zengin içeriğin en iyi player’larını inceleyelim.

Video sitesi yada müzik dinleme sitesi projeniz varsa bunları kullanmanızı tavsiye ederim.

FitVids.JS

https://2.bp.blogspot.com/-ZzXqXAOLkwo/URFND6dUGcI/AAAAAAAAPzE/K1Eii5IRh8g/s1600/jQuery_FitVIDS_Video+-+Kopya.jpg

Daha önceden açmış olduğum jQuery yazılarımıda incelemenizi tavsiye ediyorum çünkü aralarında çok güzel eklentiler var.

Flare Video

https://2.bp.blogspot.com/-XpVrAiLcHRk/URFNEOoB7HI/AAAAAAAAPzI/crulTn1MyBo/s1600/jQuery_Flare_Video+-+Kopya.jpg

Responsive & Touch Audio Player

https://4.bp.blogspot.com/-cae7_qNb91Q/URFNBi09reI/AAAAAAAAPyc/zBbzoHK3qlk/s1600/RESPONSIVE+&+TOUCH-FRIENDLY+jQuery+Audio+Player+-+Kopya.jpg

Audio Slideshow with jPlayer

https://3.bp.blogspot.com/-9rRsoeKDeJk/URFNGOFtMII/AAAAAAAAPzo/vRb-BF9Owu0/s1600/jQuery_Image_Slider_3+-+Kopya.PNG

VideoJS

https://4.bp.blogspot.com/-HXH7C7HsCHI/URFNGUw0zvI/AAAAAAAAPzw/27bNC59Japs/s1600/jQuery_Video_Video+-+Kopya.jpg

HTML5 Music Player

https://2.bp.blogspot.com/-hOQEWN7lqxg/URFNCxsRFeI/AAAAAAAAPyw/fO0OBI6ixGQ/s1600/jQuery+HTML5+Audio+Player+4+-+Kopya.png

jPlayer

https://4.bp.blogspot.com/-tXNnpYpGNSA/URFNHzCWFMI/AAAAAAAAP0A/oGBrMKoWR40/s1600/jQuery_jPlayer_Video+-+Kopya.PNG

BIGVideo.js

https://2.bp.blogspot.com/-q_AetUQubNA/URFQxMISniI/AAAAAAAAP0c/rkitvhwd9Ok/s1600/jQuery_BigVideo.PNG

Media Element

https://2.bp.blogspot.com/-_M0TQ6lejAc/URFRF9PR_CI/AAAAAAAAP0k/Uuznqfzko6Y/s1600/jQuery+HTML5+Audio+Player+1.jpg

Video LightBox

https://4.bp.blogspot.com/-1bJ-bdOO3es/URFNGVA3YgI/AAAAAAAAPzs/_NFgOOzSPjE/s1600/jQuery_VideoLight_Video+-+Kopya.PNG

SoundManager 2

https://3.bp.blogspot.com/-z0gIsuA_jdQ/URFNBnp7cdI/AAAAAAAAPyk/6XmObEgjUYE/s1600/jQuery+HTML5+Audio+Player+2+-+Kopya.jpg

YoxView

https://4.bp.blogspot.com/-9Bykw_MhDAs/URFNHPx_ppI/AAAAAAAAPz8/-QSqELwYlYw/s1600/jQuery_YoxView_Video+-+Kopya.jpg

JQUERY.MB.YTPLAYER

https://2.bp.blogspot.com/-rep7cVsXO3A/URFNCWacWSI/AAAAAAAAPys/OJg3GtZUUiE/s1600/JQUERY.MB.YTPLAYER+-+Kopya.PNG

jQuery HTML5 video background

https://4.bp.blogspot.com/-_cDMKuB-mms/URFNFsOzwTI/AAAAAAAAPzc/9Ug7c7Bfq3g/s1600/jQuery_HTML5Video+-+Kopya.PNG

audio.js

https://4.bp.blogspot.com/-jVXqm2jrGSU/URFNCXoRsTI/AAAAAAAAPyo/e71dCSDMrXY/s1600/jQuery+HTML5+Audio+Player+3+-+Kopya.jpg

jQuery tubular

https://3.bp.blogspot.com/-R4vjf1yKWCg/URFNHV_PaiI/AAAAAAAAP0E/6HunZfjp9l4/s1600/jQuery_tubular+-+Kopya.jpg

JQUERY.VIDEOBG

https://1.bp.blogspot.com/-4awdXK9-fiU/URFNFPu2U0I/AAAAAAAAPzY/sYqdrjA6wSM/s1600/jQuery_VideoBG+-+Kopya.jpg

Accessible Audio Player (AAP)

https://2.bp.blogspot.com/-oSeB_yAdaVM/URFNDZUPA2I/AAAAAAAAPy8/jsL7wJdq5JA/s1600/jQuery+HTML5+Audio+Player+5+-+Kopya.png

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

ClassySocial: jQuery Harika Sosyal Profil eklentisi 0

jQuery ile yapılmış gerçekten harika bir sosyal profil eklentisi. Çok şık düşünülmüş şahsen kendi profil sitemi açarsam böyle bir plugin kullanabilirim. Bunun gibi daha önceden görmüştüm ancak ücretliydi bu ücretsiz.

https://2.bp.blogspot.com/-wyLrG7Df6r0/UV8kmi8oQ_I/AAAAAAAAQ5s/b8LBZJmcdSY/s1600/jquery-sosyal-profil.png

ClassySocial Demo

ClassySocial Kullanımı

HTML sayfama öncelikle Google CDN jQuery 1.8.3’ü çağırıyorum gel diyorum oraya yerleş.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Daha sonra eklentinin css ve js dosyalarını çağırıyoruz gel diyoruz buraya kodları yükle.

<script src="js/jquery.classysocial.js"></script>
<link rel="stylesheet" href="css/jquery.classysocial.css" />

Sonra div’imizi oluşturuyoruz alttaki gibi;

<div class="classysocial bubble" style="float:left" data-orientation="line" data-image-type="facebook" data-facebook-handle="picozu" data-socl-handle="marius-stanciu" data-twitter-handle="picozu_editor" data-email-handle="office@picozu.net" data-pinterest-handle="picozu" data-picture="picozu" data-instagram-handle="picozu" data-networks="socl,facebook,twitter,instagram,pinterest,email"><a class="main" title="Find Me Here" alt="Find Me Here"><img src="https://graph.facebook.com/picozu/picture?type=large" title="Find Me Here" alt="Find Me Here"></a><div class="network_holder"><a class="network_button socl" target="_blank" href="http://www.so.cl/#/profile/marius-stanciu" data-network="socl" style="display: block; left: 13px; top: 13px;">Socl</a><a class="network_button facebook" target="_blank" href="http://www.facebook.com/picozu" data-network="facebook" style="display: block; left: 13px; top: 13px;">Facebook</a><a class="network_button twitter" target="_blank" href="https://twitter.com/picozu_editor" data-network="twitter" style="display: block; left: 13px; top: 13px;">Twitter</a><a class="network_button instagram" target="_blank" href="http://instagram.com/picozu" data-network="instagram" style="display: block; left: 13px; top: 13px;">Instagram</a><a class="network_button pinterest" target="_blank" href="http://pinterest.com/picozu" data-network="pinterest" style="display: block; left: 13px; top: 13px;">Pinterest</a><a class="network_button email" target="_blank" href="mailto:office@picozu.net" data-network="email" style="display: block; left: 13px; top: 13px;">Email</a></div></div>

<div class="classysocial bubble" style="float:right" data-arc-length="360" data-image-type="facebook" data-picture="picozu" data-facebook-handle="picozu" data-google-handle="100585828531806464438" data-linkedin-handle="173413024" data-socl-handle="marius-stanciu" data-twitter-handle="picozu_editor" data-pinterest-handle="picozu" data-networks="socl,facebook,twitter,pinterest,linkedin,google"><a class="main" title="Find Me Here" alt="Find Me Here"><img src="https://graph.facebook.com/picozu/picture?type=large" title="Find Me Here" alt="Find Me Here"></a><div class="network_holder"><a class="network_button socl" target="_blank" href="http://www.so.cl/#/profile/marius-stanciu" data-network="socl" style="display: block; left: 13px; top: 13px;">Socl</a><a class="network_button facebook" target="_blank" href="http://www.facebook.com/picozu" data-network="facebook" style="display: block; left: 13px; top: 13px;">Facebook</a><a class="network_button twitter" target="_blank" href="https://twitter.com/picozu_editor" data-network="twitter" style="display: block; left: 13px; top: 13px;">Twitter</a><a class="network_button pinterest" target="_blank" href="http://pinterest.com/picozu" data-network="pinterest" style="display: block; left: 13px; top: 13px;">Pinterest</a><a class="network_button linkedin" target="_blank" href="http://www.linkedin.com/profile/view?id=173413024" data-network="linkedin" style="display: block; left: 13px; top: 13px;">LinkedIn</a><a class="network_button google" target="_blank" href="https://plus.google.com/100585828531806464438" data-network="google" style="display: block; left: 13px; top: 13px;">Google Plus</a></div></div>

E birde div’in hemen altına fonksiyonumuzu çalıştırmak için kodumuzu ekliyoruz.

$(".classysocial").each(function() {
    new ClassySocial(this);
});

Tüm tarayıcılarla uyumlu olmasıda cabası…

ClassySocial jQuery Plugin Download

Eklenti sahibi: ClassySocial

jQuery Eklentisi WordPress Arşiv Listesi 0

WordPress’in bir çok eklentisi var aralarından güzellerini buldukça sizlerle paylaşıyorum. Bu seferki eklentim jQuery ile yapılmış WordPress arşiv eklentisi. Bu eklenti bileşen olarak geliyor yani yan menünüzde güzel bir şekilde listeletebilirsiniz.

https://2.bp.blogspot.com/-zWwMfw67YiY/UVCUrudhZDI/AAAAAAAAQjg/OZNLrm1BClY/s1600/jQuery+Archive+List+Widget+(1).png

Kurulumu kolay bir eklenti. Yönetim panelinden eklentiyi arayabilir veya buradan indirdikten sonra ftp plugins klasörüne yükleyerek yapabilirsiniz. Eklentiyi aktifleştirdikten sonra bileşenler kısmına tıklayın ve bileşen olarak web sitenize ekleyin.

jQuery Archive List Widget

Most Popular Topics

Editor Picks