Problème de script pour iPhone / iPad

Bonjour,

Je vous explique mon problème : j'ai utilisé un script JQuery pour habiller mon site avec une video en arrière-plan (il s'agit du script video-background?js). Mon problème vient du fait que dans un temps 1 le site ne doit pas être responsive : j'ai donc été contrait de mettre une balise META Viewport à 1280px. Je souhaiterai faire disparaître cette vidéo de mon background puisqu'aucun élément ne devient cliquable sur ma page d'accueil (impossible avec des medias-queries à cause de la balise META Viewport).

J'ai donc modifié le script en y mettant une condition :

if(!navigator.userAgent.match(/iPad/i) || !navigator.userAgent.match(/iPhone/i)) {
            jQuery(document).ready(function() {
                jQuery('dl').toggle();
                jQuery('h2').bind('click', function(event) {
                    event.preventDefault();
                    jQuery(this).next('dl').slideToggle(500, function() {
                        jQuery('.video-background').videobackground('resize');
                    });
                 });
                jQuery('body').prepend('<div class="video-background"></div>');
                jQuery('.video-background').videobackground({
                    videoSource: 'video.mp4', 'video/mp4'],
                        'video.webm', 'video/webm'], 
                        'video.ogg', 'video/ogg']], 
                controlPosition: '#video_control',
                //poster: 'video.jpg',
                autoplay: true,
                loop: true,
                loadedCallback: function() {
                       // $(this).videobackground('mute');
                }
                });
            });
}

Je ne vois pas d'erreurs, mais rien n'y fait sur l'iPhone : le script s'exécute quand même... Si quelqu'un a une solution, merci d'avance.