TV Orange en pleine fenêtre


Orange permet aux abonnés de regarder la télévision sur son ordinateur via le site http://chaines-tv.orange.fr/. Malheureusement l’ergonomie sur site n’est pas du tout adaptée à une utilisation « multitache », comme par exemple regarder une émission tout en consultant ses emails.

La faute au cadre noir, qui prends une place démesuré, qui force soit à avoir un timbre de poste, soit avoir la fenetre du site Orange qui prends pratiquement tout l’écran

orangetv_avant

La manipulation que je vous propose est de passer par une extension de votre navigateur favori pour surcharger les fichiers de rendu du site (fichiers CSS) et passer l’affichage en pleine fenêtre comme ceci :

orangetv_apres

Plusieurs extensions sont disponible selon vos préférences ou votre navigateur. Quelques exemples :

Dans tout les cas, le but et d’utiliser l’extension préalablement installée pour injecter du contenu CSS supplementaire lors de la consulation du site.

Le code CSS à insérer :
.wptv.homePage .lightBox .container {
top: 0;
height:100%;
}
.wptv.homePage .lightBox .container .header,
.wptv.homePage .lightBox .container .playerAndArrows .rightArrow,
.wptv.homePage .lightBox .container .playerAndArrows .leftArrow {
display: none;
}
.wptv.homePage .lightBox .container .playerAndArrows .playerContainer {
width: 100vw;
height: 56.25vw;
max-height: 100vh;
max-width: 177.78vh;
}

Exemple de mise en place dans chrome avec l’extensions Web Override

Etape 1 :

Installer l’extension Web Override pour Chrome

Etape 2 :

Créer un nouvel Override

ornagetv_config1

Etape 3 :

Configurer le nouvel Override.
L’URL à saisir est : http://chaines-tv.orange.fr

ornagetv_config2

Etape 4 :

Allez dans l’onglet CSS, et coller le code cité plus haut.

ornagetv_config3

Etape 5 :

Enregistrer le modèle est profitez !

A tout moment, le menu orange reste complètement accessible et fonctionnel en passant simplement la souris sur la vidéo.

orangetv_apres_avec_menu

  1. Pas encore de commentaire.
(ne sera pas publié)