Discussion :

[cyril_78]

Bonjour,

Je suis en train de créer un site web pour un cercle sportif.
J'ai choisi de mettre une video avec le son comme bannière de cette manière dans le header.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<video autoplay loop="true" poster="<?php bloginfo('template_directory'); ?>/images/image1.jpg" id="video">
	<source src="<?php bloginfo('template_directory'); ?>/images/videoHomePage.ogv" type="video/ogv">
	<source src="<?php bloginfo('template_directory'); ?>/images/videoHomePage.webm" type="video/webm">	
</video>

en-dessous, il y a un menu qui charge les pages à l'aide d'un script ajax qui se déclenche à l'apparition d'un # dans l'url. L'utilisateur peut choisir de couper le son de la video à l'aide d'un bouton pour son confort
tout fonctionne bien excepté que quand je clique sur un lien, à chaque fois, une nouvelle video se recharge en arrière-plan, ce qui est problématique pour la bande passante et le son qui revient à chaque fois.
Je comprends qu'à chaque clique sur un lien, ça relance tout le code du header.php y compris une nouvelle video.
Comment est-ce que je peux empêcher ce fonctionnement
ici vous pouvez voir le site http://havi2bruxelles.be. La video ne se charge pas sur firefox
J'aimerais beaucoup pouvoir laisser cette video en bannière donc si quelqu'un peut aider, ça serait super cool
merci
à bientôt

[melka one]

jour

c'est pas du full ajax vue que tu appel une nouvelle page la page change le comportement est normale

ps: la video ne marche pas avec firefox

[cyril_78]

merci
j'avais bien compris que ce comportement est normal
mais justement est-ce que vous savez quel script que je peux écrire pour indiquer qu'il ne faut pas charger la video une nouvelle fois ?
et firefox ne lit que du mp4 ? J'avais enlevé le mp4 car trop lourd pour la bande passante

[Watilin]

Étant donné que tes requêtes sont faites avec jQuery, elles reçoivent automatiquement un en-tête X-Requested-With: XMLHttpRequest. Dans ton code serveur, tu dois utiliser cet en-tête pour discriminer les requêtes Ajax des requêtes normales. Et dans le cas d'une requête Ajax, ne renvoyer que la partie de la page qui doit changer, au lieu de renvoyer la page entière.

Pour Firefox, tu as deux façons d'aborder le problème :

1. soit tu considères que la vidéo n'a qu'une valeur « décorative » et n'est pas vitale au fonctionnement du site, et du coup tant pis si elle n'est pas lue ;
2. soit tu ajoutes une source au format mp4, en vérifiant (notamment au niveau de la configuration du serveur) que la mise en cache se fait bien pour minimiser la consommation de bande passante dans la mesure du possible.

[cyril_78]

yes merci Watilin
Il faut que je "filtre" ma requête ajax, je tournais autour du pot et c'est l'évidence même. Bon parfois, c'est comme dans l'écriture il faut prendre un peu de recul
je vais aller faire un tour dans ma requête...
et pour firefox, j'avais bien sûr un mp4, mais bien trop lourd presque 200 mb, donc la bande passante souffrait...c'est pas évident de faire une compression correcte d'un mp4....je vais aller bidouiller du côté de mon compresseur
merci vraiment ça éclaire ma matinée
A+

[cyril_78]

Après quelques galères pour filtrer ma requête ajax, j'ai finalement, simplement , enlever mes appels vers le "header" de mes templates, donc tout simple et ça marche
merci encore à bientôt