Me gustaría comentar este interesante plugin para jquery desarrollado por George Paterson
Es muy fácil de configurar, al final del archivo .js tenéis la configuración.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
$(document).ready(function() { $('dl').toggle(); $('h2').bind('click', function(event) { event.preventDefault(); $(this).next('dl').slideToggle(500, function() { $('.video-background').videobackground('resize'); }); }); $('body').prepend('<div id="todo"><div class="video-background"></div>'); $('.video-background').videobackground({ videoSource: [['video/big-buck-bunny.mp4', 'video/mp4'], ['video/big-buck-bunny.webm', 'video/webm'], ['video/big-buck-bunny.ogv', 'video/ogg']], controlPosition: '#main', poster: 'video/big-buck-bunny.jpg', loop:'true', loadedCallback: function() { $(this).videobackground('mute'); } |