Mise à jour Décembre 2021
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
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 :
Plusieurs extensions sont disponible selon vos préférences ou votre navigateur.
Dans tout les cas, le but et d’utiliser l’extension préalablement installée pour injecter du contenu CSS supplémentaire lors de la consultation du site.
Le code CSS à insérer :
.player-wrapper.is-playing .player {
display: flex;
height: 100% !important;
width: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
}
#vac-buttonContainer{
display:none;
}
Exemple de mise en place dans chrome avec une l’extension Chrome
Etape 1 :
Installer une extension de personnalisation CSS dans le navigateur, à choisir sur le webstore Chrome
Par exemple « User CSS » , « User JavaScript and CSS » ou « Live editor for CSS, Less & Sass – Magic CSS »
Etape 2 :
Créer un nouvel Override
Etape 3 :
Configurer le nouvel Override.
L’URL à saisir est : http://chaines-tv.orange.fr
Etape 4 :
Allez dans l’onglet CSS, et coller le code cité plus haut.
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.
