Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
firefox [Le 07/09/2018, 18:47] Torzivalds |
firefox [Le 27/09/2018, 02:13] 78.203.218.4 [Lire les vidéos et les lecteurs audio en Html5 sans Flashplayer] |
||
---|---|---|---|
Ligne 110: | Ligne 110: | ||
==== Lire les vidéos et les lecteurs audio en Html5 sans Flashplayer ==== | ==== Lire les vidéos et les lecteurs audio en Html5 sans Flashplayer ==== | ||
- | Si aucun lecteurs audio/vidéo ne fonctionne il est sera alors judicieux d'installer la dernière mise à jour de FFmpeg dans votre distribution Ubuntu. ([[:tutoriel:comment_installer_un_paquet|installer le paquet]] **[[apt>ffmpeg|ffmpeg]]**) | + | Si aucun lecteur audio/vidéo ne fonctionne il est alors judicieux d'installer la dernière mise à jour de FFmpeg dans votre distribution Ubuntu. ([[:tutoriel:comment_installer_un_paquet|installer le paquet]] **[[apt>ffmpeg|ffmpeg]]**) |
Beaucoup de sites (Youtube, Dailymotion, Arte, ina.fr, Jeuxvideo.com, et cetera) ont leur lecteur qui affiche nativement les vidéos HD en HTML5. | Beaucoup de sites (Youtube, Dailymotion, Arte, ina.fr, Jeuxvideo.com, et cetera) ont leur lecteur qui affiche nativement les vidéos HD en HTML5. | ||
Ligne 116: | Ligne 116: | ||
Certains sites (Youtube, Twitch, Dailymotion, Jeuxvideo.com, Arte, et cetera) ont leur lecteur qui affiche le direct en HTML5. | Certains sites (Youtube, Twitch, Dailymotion, Jeuxvideo.com, Arte, et cetera) ont leur lecteur qui affiche le direct en HTML5. | ||
- | <note important>Il semble que les modules complémentaires bloqueur de publicités pour Firefox peuvent empêcher la lecture de vidéo. | + | <note important>Il semble que les modules complémentaires bloqueurs de publicités pour Firefox peuvent empêcher la lecture de vidéos. |
- | Il semble que laisser la langue anglaise sur le système rends inutile l’installation du paquet ffmpeg</note> | + | Il semble que laisser la langue anglaise sur le système rend inutile l’installation du paquet ffmpeg</note> |
- | Pour les autres sites on peut opter pour [[flash#choisir_une_solution_de_remplacement_libre_ou_installer_le_lecteur_officiel_proprietaire|Viewtube]] une application JavaScript qui permet de visualiser les vidéos de sites de partage de vidéos sans avoir à installer [[:flashplayer|Adobe Flash Player]]. Il enlève le contenu Flash intégré, et ensuite cherche la vidéo dans la page avant de l'ajouter grâce a une méthode plus classique. Les vidéos peuvent être vues avec un plugin vidéo ou avec le lecteur HTML5. | + | Pour les autres sites on peut [[flash#choisir_une_solution_de_remplacement_libre_ou_installer_le_lecteur_officiel_propriétaire|Viewtube]] une application JavaScript qui permet de visualiser les vidéos de sites de partage de vidéos sans avoir à installer [[:flashplayer|Adobe Flash Player]]. Il enlève le contenu Flash intégré, et ensuite cherche la vidéo dans la page avant de l'ajouter grâce à une méthode plus classique. Les vidéos peuvent être vues avec un plugin vidéo ou avec le lecteur HTML5. |
L'extension Firefox [[https://addons.mozilla.org/en-US/firefox/addon/modify-headers/|modify-headers]], dans laquelle on paramètre (exemple : User-Agent_NokiaE5-00/SymbianOS/9.1 Series60/3.0 3gpp-gba_Nokia Featurephone) l'User-Agent d'un portable ne pouvant pas avoir flashplayer.Cela fait passer Firefox pour un nokia et donc si le site est bien fait, cela force le passage à html5, par contre on a la présentation du site comme sur un mobile. | L'extension Firefox [[https://addons.mozilla.org/en-US/firefox/addon/modify-headers/|modify-headers]], dans laquelle on paramètre (exemple : User-Agent_NokiaE5-00/SymbianOS/9.1 Series60/3.0 3gpp-gba_Nokia Featurephone) l'User-Agent d'un portable ne pouvant pas avoir flashplayer.Cela fait passer Firefox pour un nokia et donc si le site est bien fait, cela force le passage à html5, par contre on a la présentation du site comme sur un mobile. | ||
Ligne 195: | Ligne 195: | ||
On les retrouve aussi dans le catalogue des Modules Complémentaires, et sur le site de Mozilla : [[https://addons.mozilla.org/fr/firefox/themes/|Thèmes Firefox]]. | On les retrouve aussi dans le catalogue des Modules Complémentaires, et sur le site de Mozilla : [[https://addons.mozilla.org/fr/firefox/themes/|Thèmes Firefox]]. | ||
- | Il est également possible de modifier de manière plus poussée l'apparence de l'interface en éditant un fichier userChrome.css à placer dans ~/.mozilla/firefox/répertoire_du_profil/chrome/ (le créer si besoin) . La documentation sur les sélecteurs css à utiliser est malheureusement inexistante. | + | Il est également possible de modifier de manière plus poussée l'apparence de l'interface en éditant un fichier ''userChrome.css'' à placer dans ''~/.mozilla/firefox/répertoire_du_profil/chrome/'' (le créer si besoin) . La [[https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin|documentation (en)]] sur les sélecteurs CSS à utiliser est malheureusement très succincte. Toutefois on peut trouver la liste des [[https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#Keyword_index|mot clés CSS (en)]] et des [[https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions|extensions Mozilla (en)]]. |
+ | |||
+ | ==== Masquer la barre d'onglet ==== | ||
+ | |||
+ | Certaines webextensions permettent d'utiliser la //sidebar//((barre latérale)) pour afficher les onglets verticalement((par exemple : [[https://addons.mozilla.org/fr/firefox/addon/tree-style-tab/|Tree Style Tab]] ou [[https://addons.mozilla.org/fr/firefox/addon/tab-center-redux/|Tab Center Redux]])), comme le navigateur [[Vivaldi]].\\ | ||
+ | Cependant, le [[https://bugzilla.mozilla.org/show_bug.cgi?id=1332447|bug #1332447 de Firefox]] ne leur permet pas de masque la barre d'onglet native, le fichier ''userChrome.css'' permet de palier à ce problème((source [[https://github.com/eoger/tabcenter-redux/wiki/Custom-CSS-Tweaks#userchromecss-tweaks|Tabcenter redux : Custom-CSS-Tweaks]])). | ||
+ | |||
+ | <file css userChrome.css> | ||
+ | /* Utiliser la touche ALT pour afficher le barre d'onglet et de menu */ | ||
+ | #toolbar-menubar[inactive="true"] + #TabsToolbar { | ||
+ | visibility: collapse !important; | ||
+ | } | ||
+ | |||
+ | @-moz-document url(chrome://browser/content/browser.xul) | ||
+ | { | ||
+ | tab[pending], #alltabs-popup menuitem[pending] | ||
+ | { | ||
+ | opacity: 0.6 !important; | ||
+ | } | ||
+ | } | ||
+ | </file> | ||
+ | |||
+ | ==== Afficher les séparateur dans les menus (marque-pages) ==== | ||
+ | |||
+ | Le thème par défaut de Firefox Quantum n'affiche plus les séparateurs dans le menu déroulant, comme celui d'un dossier dans la barre personnelle des marque pages.\\ | ||
+ | Pour forcer l'affichage des séparateurs, ajouter le code ci-dessous au fichier ''userChrome.css'' : | ||
+ | |||
+ | <file css userChrome.css> | ||
+ | /* Rendre les separateurs dans les marques pages visibles */ | ||
+ | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | ||
+ | menuseparator { | ||
+ | -moz-appearance:none !important; | ||
+ | margin: 2px 3px; | ||
+ | background: grey !important; | ||
+ | height: 1px !important; | ||
+ | padding: 0px !important; | ||
+ | } | ||
+ | </file> | ||
===== Configuration avancée ===== | ===== Configuration avancée ===== | ||
On va utiliser fréquemment la page ''about:config'' qui permet de configurer Firefox. | On va utiliser fréquemment la page ''about:config'' qui permet de configurer Firefox. |