jQuery Vide Eklentisi

Sitenizin arkaplanında video gösterebilmek için kullanılan jquery eklentisidir.

Kullanımı :

Eklentiyi Github veya Bower ( “bower install vide” ) üzerinden indirebilirsiniz.

Tüm tarayıcılarda uyumlu olabilmesi için video formatları ‘.webm‘ veya ‘.mp4‘ olursa tadından yenmez.

HTML ile kullanım :

<div style="width: 1000px; height: 500px;"
    data-vide-bg="path/to/video" data-vide-options="loop: false, muted: false, position: 0% 0%">
</div>

JS ile kullanım :

$("#myBlock").vide("path/to/video");
$("#myBlock").vide("path/to/video", {
...options...
});
$("#myBlock").vide({
    mp4: path/to/video1,
    webm: path/to/video2,
    ogv: path/to/video3,
    poster: path/to/poster
}, {
...options...
});
$("#myBlock").vide("extended path as a string", "options as a string");

Options :

$("#yourElement").vide({
    volume: 1,
    playbackRate: 1,
    muted: true,
    loop: true,
    autoplay: true,
    position: "50% 50%", // Similar to the CSS `background-position` property.
    posterType: "detect", // Poster image type. "detect" — auto-detection; "none" — no poster; "jpg", "png", "gif",... - extensions.
    resizing: true // Auto-resizing, read: https://github.com/VodkaBears/Vide#resizing
});

 

Demo : http://vodkabears.github.io/vide/

Döküman ve İndirmek içinhttps://github.com/VodkaBears/Vide/

 

Yayınlayan

Yusuf Doru

İstanbul'da yaşıyor. Web ve masaüstü ortamlarında çalışmalar yapıyor. Araştırıyor, geliştiriyor. Kendine ait kişisel blogu var. Her ne kadar .NET dillerine ilgisi olsa da, açık kaynaklı programlama dillerinde de kendini geliştirmeye devam ediyor.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir