THIS IS A STATIC MIRROR OF USERSCRIPTS.ORG - LOGINS DO NOT WORK
Large

Allocine Zap (Supprime les publicités)

By Mike007 Last update May 13, 2014 — Installed 8,970 times.

Forum glitch + Small HTML5 issue

in
Subscribe to Forum glitch + Small HTML5 issue 13 posts, 2 voices



[email protected].. Scriptwright
FirefoxWindows

1. La gestion de l'en-tête / bandeau fixe est problématique sur les pages du forum (particulièrement lors du défilement de la page). Je suggère donc un

// @exclude		   http://www.allocine.fr/communaute/forum/*
afin d'exclure les pages du forum de la prise en charge.

2. Si la configuration vidéo est réglée sur HTML5, alors la première image de la vidéo (celle qui apparait derrière le bouton lecture, lorsqu'on n'a pas encore lancé la vidéo -- habituellement, elle représente la jaquette du film, plus une image tirée de la bande-annonce) reste affichée à l'écran, derrière la vidéo.
Puisqu'elle est derrière cela ne poserait pas de problème, mais lorsque l'on passe en plein écran, on peut l'apercevoir à droite et à gauche de la vidéo (sur certaines vidéos c'est moins visible : seule une ligne de 1 pixel de large apparait ; mais sur certaines autres c'est plus flagrant, et d'autant plus si cette image est claire).
Il est à noter que cette image n'apparait pas lorsque, au lieu de faire clic droit sur la vidéo -> "plein écran", on choisit "afficher la vidéo"). J'ai pu vérifier que dans ce cas précis, le fond est adéquatement noir.
Configurations utilisées : Windows 7 SP1 (x86 et x64), Firefox (25, 26, et 27.0.1).

3. Lorsque l'on clique sur le bouton "Zap", le lecteur s'affiche, et le "fond" (là où se trouve le bouton Zap), se colore avec la couleur du lecteur. Mais lorsque l'on ferme le lecteur, la couleur reste.
Serait-il possible que le fond reprenne sa couleur initiale ?
À moins que cela ne soit une fonctionnalité d'Allozine Zap, afin de mieux identifier la vidéo que l'on vient de visionner (ce que je comprends totalement) ?

 
Mike007 Script's Author
FirefoxWindows

1. Je ne vois aucun pb en particulier, pouvez-vous être plus précis et/ou me fournir une copie d'écran
C'était initialement une demande d'intégrer aussi le forum pour ce header fixe car avant la V3, le forum n'était pas pris en compte

2. Je ne constate pas le pb, dépend surement de la résolution d'écran, dc avant de faire une mise à jour, veuillez tester les modifications suivantes ligne 2037 sur la class CSS .AZ_VideoHTML5
remplacer les valeurs:
background-position:left center, right center;
par
background-position:1% center, 98% center;
Et
background-size:30%,70%;
par
background-size:29%,69%;
puis dites-moi si cela convient mieux.

Pour info: le "afficher la vidéo" correspond a la lecture directe de la vidéo, regardez l'url, c'est le mp4 que FF est capable de lire tout seul, vous avez changé de page.
Le "plein écran" c'est le lecteur HTML5 en plein écran (qui correspond au clic en bas a droite sur le carré des 4 flèches du lecteur lui même) donc vous êtes toujours sur la page en cours

3. Ok vu, effectivement, en zappant d'une vidéo a l'autre le Bg change pour mieux identifier la video en cours mais je n'ai pas pris en compte le cas de la fermeture, je corrigerai.

 
[email protected].. Scriptwright
FirefoxWindows

1. Voici un exemple de page : http://www.allocine.fr/communaute/forum/message...
Capture d'écran des bugs : http://imagescream.com/images/azapforumbug.png
a) Le titre "The Shield" est partiellement couvert par le bandeau.
b) Les boutons "Mon Allociné" et "Pied de page" recouvrent "Allocine Awards".
c) Le bandeau n'a plus la même largeur : il ne couvre plus la même zone que le fond blanc.

2. Ma résolution est de 1920x1080 (mais il me semble que le problème se produisait aussi avec une résolution de 1280x1024 sur un autre ordinateur).
Avec les modifications, plus de problème : l'image de "background" étant légèrement plus petite, on ne la distingue plus en arrière-plan de la vidéo.
Merci beaucoup !
(N.B. : pour info, cela marche aussi uniquement en modifiant "background-position", sans toucher aux valeurs actuelles de "background-size").

Oh, en passant, je savais que "afficher la vidéo" affichait la vidéo directement, c'est-à-dire sans utiliser le script. C'était uniquement pour montrer que sans le script, l'arrière-plan était OK. Mais je reconnais que je n'ai pas été suffisamment clair dans mes explications. Mea culpa et merci encore. ;)

 
[email protected].. Scriptwright
FirefoxWindows

Correction : background-position:1% center, 98% center; n'est pas suffisant dans certains cas. background-position:2% center, 96% center; en revanche fonctionne sur toutes les vidéos testées (mieux encore : background-position:2% center, 95.5% center;, accompagné de background-size:30%,72.5%; si l'on veut que l'image soit parfaitement centrée et que l'image du film s'aligne parfaitement avec la jaquette).

Et en effet, c'est bien une histoire de résolution : avec les valeurs d'origine pour .AZ_VideoHTML5, aucun bug jusqu'à 1280x1024. À partir de 1360x768, les bandes apparaissent de part et d'autre : http://imagescream.com/images/bandecomme1fou.png

 
Mike007 Script's Author
FirefoxWindows

Merci pour tous ces renseignements et copies d'écrans

Alors pour le forum:
a) Le titre: bizarre, cela ne me le fait pas, j'aurais aimé d'autres avis.
b) Bon ça ok, je vais corriger, les awards n'étaient pas là auparavant
c) là je ne peux pas faire grand chose je pense, ce header étant codé autrement, j'ai du lui mettre une taille en %, 98 pour etre précis, et si je mets 99, bah cela va déborder à l'inverse. bon je vais qd même creuser, s'il n'y a pas des margin, padding a faire sauter pour utiliser un 100% sans pb

Ensuite pour ce pb de background, je suis en 1920x1080, j'ai testé de basculer en 1360x768, et même sur mon second écran en 1280, bah rien, même en me virant mon extension all-in one sidebar qui me rajoutais une barre à droite et pouvais m'induire en erreur.
J'ai testé la même BA (LastVegas) en remettant les valeurs d'origines et je ne vois rien sur les bords

Alors je vais tester dès que je peux un profil vierge de firefox et y installer que GM et Allocine_zap. Faites de même si vous pouvez car finalement je me demande si le pb n'est pas ailleurs que sur mon script (pour ce pb de background et aussi pour le titre ds le forum) provoquant ainsi un conflit.

 
Mike007 Script's Author
FirefoxWindows

Bon au pire pour le background j'ai la solution ultime, rajouter ds le css après la ligne 2037 celles-ci

	html_css += '.AZ_VideoHTML5:-moz-full-screen {background-size:0%;}';
	html_css += '.AZ_VideoHTML5:-webkit-full-screen {background-size:0%;}';

comme ça on ne se pose plus de questions, le bg étant juste de la déco avant la lecture

 
[email protected].. Scriptwright
FirefoxWindows

Pour mes tests, j'avais pris soin de réinitialiser Firefox, mais il semble que faire ceci laisse tout de même des traces du profil précédent (merci Mozilla ;) ) : en utilisant un profil vierge, le problème de titre sur le forum n'est plus présent. Je vais tenter de trouver ce qui entrait en conflit...

//edit: j'ai finalement trouvé le conflit : l'id "div_habillage" était "hidden" dans localstore.rdf (apparemment, le ménage que fait Firefox lors d'une réinitialisation laisse à désirer :/ ).

Pour le problème de background, c'est normal sur votre second écran en 1280; cela ne se produit qu'avec des résolutions supérieures (ici, toutes les résolutions de 1360x768 à 1920x1080 sont affectées). J'ai testé avec un profil vierge : toujours des bandes (mais de seulement 1 pixel de large, contrairement à celles de la capture d'écran qui sont bien plus larges).

Je m'étais déjà aperçu, sur mon profil normal, qu'elles semblaient varier en largeur. Je pensais que cela venait du fait que je testais différentes bandes-annonces, qui avaient différentes tailles de vidéo. J'ai refait les tests sur mon profil normal et sur une même bande-annonce, et j'ai trouvé le coupable : l'extension S3.Download Statusbar. Quand un téléchargement est en cours, la barre de téléchargement reste affichée en bas de l'écran, et cela même en passant en plein-écran. Étant déjà en contact avec l'auteur, je lui ferai part de ce problème.

Avec la "solution ultime", évidemment, plus de problème. Bien joué. :)

En passant, pour que que la jaquette et l'image du film soit parfaitement alignées, modifier la valeur de background-size pour .AZ_VideoHTML5 de 30%,70% à 30%,72.5% semblait fonctionner... mais cela n'est vrai que pour certaines bandes-annonces ; pour d'autres, l'image du film dépasse légèrement celle de la jaquette.
Mais je ne pense pas que ce soit un gros problème... ;)
...je ne l'avait d'ailleurs remarqué uniquement à cause de mes nombreux tests en HTML5 suite au problème de bandes.

 
Mike007 Script's Author
FirefoxWindows

Vous avez été plus rapide et vous m'évitez donc de faire ces tests.
Donc si je résume

1. titre forum: ce n'est pas le script
2. taille header forum, j'ai opté pour le remplacement de la ligne 1967

				html_css += '#header {width:98%;}';
par
				html_css += '#header {width:100%;}';
				html_css += '#center_habillage {margin:0 -15px;}';

Ce qui engendre la disparition des 2 bandes noires de part et d'autre mais me permet d'aligner le header correctement.

3. le Bg image en HTML5 fullscreen, je vais être moins radical avec un

html_css += '.AZ_VideoHTML5:-moz-full-screen {background-position:30% center, 70% center; background-size:15%,35%;}';

hors full screen je reste à une taille de 30/70 car je ne cherche pas l'alignement mais bien la vue entière de l'image hors un 30/72.5>100% donc image tronquée et comme vous dites ds certains cas ce n'est pas encore ça.

4. boutons sur les Awards: j'ai corrigé

5. Rétablissement du bg color à la fermeture du lecteur, c'est corrigé aussi.

Si tout est bon et que je n'ai rien oublié de vos remarques, je mettrai à jour ce WE

 
[email protected].. Scriptwright
FirefoxWindows

Tout est parfait avec la nouvelle version, encore du très bon boulot, merci !

Il y a tout de même un léger problème avec l'option "En-Tête", qui ne semble fonctionner à 100% qu'avec les pages du forum : lorsque l'en-tête est "normal", il ne nous suit pas lors du défilement de la page, lorsqu'il est "fixe", il est toujours présent en haut de l'écran lors du défilement. Aucun problème, donc. Par contre, sur les pages d'Allociné "classiques" (c'est-à-dire hors-forum), changer la valeur de l'en-tête en "normal" ou "fixe" n'a aucun effet : l'en-tête nous suit tout au long du défilement, quelle que soit l'option retenue.

Pour remédier à cela, il suffit d'ajouter

html_css += '.is_pinned {display: none !important;}';
avant ou après la ligne
html_css += 'body {margin-top:-14px;}';
(ligne 2044 de la version 4.6.2).

 
Mike007 Script's Author
FirefoxWindows

Aucun effet, pas tout a fait en fait.
Le header épinglé c'est allociné qui l'a mis en place récemment. Avant il n'existait pas, d’où l'existence de cette option.
là ou la différence se voit (Version AZ < 4.6.3) c'est sur cette page http://www.allocine.fr/video/ car le header épinglé vient bien plus tard (après le slider) et on constate que le header est bien à "fixe" en fait
Bref, il est effectif que du coup l'option comme ça, cela fait bizarre et un peu double emploi.

La 4.6.3 va donc hériter d'un troisième choix pour ce header (defaut) mais n'aura que peu de différence avec le choix fixe.

Si vous souhaitez tester la différence sans le is_pinned, bloquez avec adblock l'url: http://www.allocine.fr/*/front.min.js
plus de menu épinglé mais juste le header fixe comme il existait avant.
Attention, ce js en moins peut néanmoins peut-être faire défaut à d'autres fonctionnalités d'allociné

 
[email protected].. Scriptwright
FirefoxWindows

Excellent : la version 4.6.3 est parfaite, quelle que soit l'option sélectionnée.

À noter, html_css += '.AZ_Login, .AZ_Footer {clear:both;float:right;position:relative;top:-98px;right:550px;width:90px;}'; cause un léger "défaut" du CSS sur les pages commençant par www.allocine.fr/recherche, comme démontré sur cette capture d'écran : http://imagescream.com/images/oops.png

À gauche, la page avec Allocine_Zap désactivé, à droite lorsqu'Allocine_Zap est activé. Remarquez l'espace gris entre l'onglet noir "Accueil" et le texte "Accueil > recherche".

 
[email protected].. Scriptwright
FirefoxWindows

Nouveau léger problème graphique détecté : sur la page des vidéos (http://www.allocine.fr/video/), sur toutes les vignettes du diaporama qui comportent un bouton "Zap", le fond gris ajouté par Allociné Zap empêche une lecture claire du contenu, comme démontré sur la capture d'écrans ci-après.

http://imagescream.com/images/greyglitch.png

Note : ce problème se produit également lorsque "Zap" (le bouton) a été désactivé dans les options.

La ligne responsable :

BaliseA[i].parentNode.parentNode.style.backgroundColor = '#E7EBF0';

Solution de contournement temporaire : changer le else qui précède cette ligne par :

else if (!AZ_Url_Page.match('allocine.fr/video/'))

 
Mike007 Script's Author
FirefoxWindows

Pour le pb de Bg gris, oui on peut finalement carrément virer ce else ou du moins mettez-le en commentaire avec // en début de ligne 636 et 637

ou plus laborieux remplacez le else (L636) par

			else if (BaliseA[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className != 'carousel_inner'
			&& BaliseA[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className != 'slider')

Ensuite pour l'autre pb d'espace, il est aussi présent sur la page d'accueil, c'est en fait la barre de navigation non visible ds le cas de l'accueil et de la recherche (pb d'ailleurs non visible en mode "fixe").
On peut donc remplacer tout le if ligne 2052 et 2053 (d'ou les // avant pour s'y retrouver)

			if (GM_getValue('AZ_header') == 'normal')
				html_css += '.is_pinned {display: none !important;}';

par
			if (GM_getValue('AZ_header') == 'normal')
			{
				html_css += '.subheader {height:0px}';
				html_css += '.is_pinned, .pagelayout .spacer:nth-child(2){display: none !important;}';
				if (AZ_Url_Page.match(/\/(recherche|suche|busqueda|ara|busca)\//))
					html_css += '.colgeneral, .colright{margin-top:-34px;} .pagelayout .spacer:nth-child(2) {display:block !important}';
			}

faute de pouvoir faire mieux pour le moment