Auteur Sujet: Vidéos et images trop grandes (Lu 2625 fois)

trekker92 · « **Réponse #12 le:** 01 août 2023 à 22:31:10 »

Citation de: Hugues le 01 août 2023 à 21:56:08

La résoluton standard en 2023 c'est 1920x1080, ce qui est en dessous c'est clairement des vieux trucs.

Les Mac récents sont d'ailleurs en scaling plus proche d'un 1440x900 qu'un 1280x800

ya plus de monde qu'on ne l'imagine qui utilise des vieux trucs
1366x768 ici, et plus de 10 ordis dans la famille (au sens large du terme) dans cette définition d'image, recensés cet été (sanss faire trop gaffe)

et je parle meme pas des smartphones ou tablettes de 2015/2020, toujours utilisés (pourquoi les jeter?!)

Hugues · « **Réponse #13 le:** 01 août 2023 à 22:48:20 »

Citation de: trekker92 le 01 août 2023 à 22:31:10

ya plus de monde qu'on ne l'imagine qui utilise des vieux trucs

Bah ces gens la n'ont qu'a afficher la page avec un zoom a 90%

buddy · « **Réponse #14 le:** 01 août 2023 à 22:51:29 »

Citation de: vivien le 01 août 2023 à 14:35:32

buddy, tu as un zoom pour avoir une barre horizontale avec un écran de 1920 pixels, non ? Je ne rencontre pas ce problème et tous mes écrans sont 1920 pixels de large ou plus petit.

Comme tu l'as dit ci-dessous je suis sur un 13 pouces avec un zoom de 125%.

kgersen · « **Réponse #15 le:** 02 août 2023 à 01:53:24 »

Pour les sites a texte comme lafibre.info, je zoom a 125% pour que les textes soient plus lisibles. Mais avec SMF ca zoom tout y compris les images et vidéos.

Citation de: Hugues le 01 août 2023 à 21:56:08

La résoluton standard en 2023 c'est 1920x1080, ce qui est en dessous c'est clairement des vieux trucs.

J'aurais dit cela avant mais de nos jours je dirais plutôt qu'en 2023 parler de résolution "standard" c'est ce qui est un vieux truc.

Il faut s'adapter aux réglages et choix de l'utilisateur et pas l'inverse. Y'a tout ce qu'il faut en technique web pour faire cela. Les pages web ont accès au DPR et a la taille du viewport des navigateurs (voir https://screenresolutiontest.com/ )

Y'a aussi des écrans en 4/3 et 2/3 plus confort pour la lecture ou ceux qui pivotent leur écran a 90°. Et ceux qui mettre leur navigateur en 2/3 de largeur de l'écran par exemple et pas en full screen.

Par exemple ,mon écran de 'laptop pour lire' fait 2400 x 1600 pixels matériels mais en résolution "logiciel" c'est 1200x800 sinon c'est illisible tellement c'est petit. Avec un zoom a 125% ca fait un viewport de 960 x 519.

vivien · « **Réponse #16 le:** 02 août 2023 à 08:15:33 »

Je viens de passer les vidéos en 960 x 540.

J'espère que cela sera mieux.

Pour les images, elles s'adaptent normalement.

kgersen · « **Réponse #17 le:** 02 août 2023 à 10:22:13 »

test youtube:

image direct:
code:

Code: [Sélectionner]

[img]https://support.humblebundle.com/hc/article_attachments/360008054853/Resolutions.png[/img]resultat:

en forcant la largeur:

Code: [Sélectionner]

[img width=600]https://support.humblebundle.com/hc/article_attachments/360008054853/Resolutions.png[/img]resultat:

Free_me · « **Réponse #18 le:** 02 août 2023 à 10:47:32 »

Citation de: vivien le 02 août 2023 à 08:15:33

Je viens de passer les vidéos en 960 x 540.

J'espère que cela sera mieux.

Pour les images, elles s'adaptent normalement.

c'est mieux oui, pas de scroll horizontal (portable en zoom 125%) :

Free_me · « **Réponse #19 le:** 02 août 2023 à 10:50:04 »

Citation de: vivien le 02 août 2023 à 08:15:33

Pour les images, elles s'adaptent normalement.

on dirait pas :

kgersen · « **Réponse #20 le:** 02 août 2023 à 15:48:12 »

sur mon écran en DPR 2 et zoom 110%, la vidéo YT (en vert) déborde toujours et scroll. Meme a 100%.

C'est déjà mieux qu'avant.

Mais le mieux est de mettre un attribut 'style' a la place des attributs 'width' & 'height':

au lieu de:

Code: [Sélectionner]

<iframe width="1280" height="720" src="//www.youtube.com/embed/..." frameborder="0" allowfullscreen="true"></iframe>

mettre:

Code: [Sélectionner]

<iframe style="width: 100%; aspect-ratio: 16 / 9;" src="//www.youtube.com/embed/..." frameborder="0" allowfullscreen="true"></iframe>

Si ce n'est pas possible de mettre un attribut 'style', perso j'aurais mis 800x450 , car 800 est un peu considéré comme un minimum "historique" depuis assez longtemps.

vivien · « **Réponse #21 le:** 02 août 2023 à 16:35:39 »

Quel est ton écran DPR 2 ?

Quel est le navigateur et le système d'exploitation ?

J'aimerais bien reproduire le problème.

Sur un écran 1680 pixels de large (donc moins que le 1920 pixel du full HD) avec un zoom de 133%, la vidéo est entière sans scroll.

kgersen · « **Réponse #22 le:** 02 août 2023 à 17:02:01 »

Citation de: vivien le 02 août 2023 à 16:35:39

Quel est ton écran DPR 2 ?

Quel est le navigateur et le système d'exploitation ?

J'aimerais bien reproduire le problème.

Sur un écran 1680 pixels de large (donc moins que le 1920 pixel du full HD) avec un zoom de 133%, la vidéo est entière sans scroll.

c'est un pixelbook
- résolution dalle : 2400 x 1600, ratio 3/2
- résolution vu de l'OS: 1200 x 800 (DPR 2)
- OS ChromeOS
- navigateur Chrome (testé aussi avec Firefox : ca fait le meme rendu).
- dans Chrome , le réglage du zoom est 110% pour lafibre.info ce qui donne: 1091 x 590 viewport web

si je mets 100%, ca fait un viewport de 1200 x 649:

a 100%, l'affichage de ce sujet positionné sur le post de test plus avant:
sous F12 (outil dev) + an rajoutant le panneau des layers (crtl+shift+p et saisir "layer" ou via la menu :"... , more tools, layers":
la vue layers donne ceci (les layers sont indiqués en résolution native écran donc x2 ):

on voit la largeur du post: (.post) = 1872 (avec le DPR c'est donc 936)
et la largeur de la vidéo YT (iframe): 1920 (ce qui est bien ton nouveau width de 960 avec un DPR a 2)
cela ajoute donc un scroller horizontal (et pour peu de pixels)

vivien · « **Réponse #23 le:** 02 août 2023 à 20:56:17 »

Ce zoom de x2 fait que c'est comme si ton écran avait une résolution de 1200 x 800 ou tu as quand même certains éléments avec lesquels la qualité est en 2400 x 1600 ?

ChromeOS ne propose pas de mise à l'échelle fractionnaire, comme Ubuntu ou Windows ?

Sinon, en mettant un zoom de 90% dans le navigateur, cela ne résoudrait pas le problème ?