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/