Bonjour, ravi de pouvoir inclure PDF, c'est nouveau pour moi et très utile !

j'ai un souci j'utilise dans un article ASEPE - LA DURANCE N°131 - Printemps 2025 la formule trouvée chez Papinou

<div class="embed-responsive embed-responsive-1by1"><iframe class="embed-responsive-item" src="file/durance/numero_131.pdf" width="100%">iframe>div>

Cela fonctionne parfaitement sur PC windows 11, mais sur IOS tablette et téléphone, je n'ai q'uniquement la 1ère page du PDF qui apparaît

Merci de m'éclairer

A bientôt, 

Hubert59

--------------------------------------------------------------------------------

GuppY 6.00.22 Système d'exploitation du serveur : Linux 4.18.0-553.30.1.lve.el8.x86_64 PHP : 7.4.33 / MET=360 - ML=512M - UMF=512M - PMS=512M - MFU=20 URL du site : https://www.patrimoine-embrunais.fr/ Plugins : Horloge, Devinette, Vitesse de Connexion UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36 Edg/145.0.0.0     

Bonjour,

Je n'ai pas d' Ipad ou d' Iphone, mais un simulateur mobile.

Chez moi, j'affiche bien les 16 pages avec le simulateur pour Firefox ou pour Chromium.

Cordialement, Papinou

Bonjour Hubert,

je viens de faire des essais en changeant le code et un iphone 14

La solution ne me satisfait pas complètement, j'avais bien le document sur plusieurs pages mais la hauteur de lecture n'est pas suffisante.

je reviendrai vers toi à la suite

A+

linuxmr

Bonsoir Hubert,

Nous avons 5 solutions mais deux sont plus pratiques pas de développements additionnels et faciles à mettre en place.

le premier lecteur google, 

<object data="file/numero_131.pdf" 
style="width: 100%;height:1200px!important;" 
title="PDF" type="application/pdf">
<iframe src="https://docs.google.com/gview?embedded=true&amp;url=https://www.sc5linuxmr.universe.wf/file/numero_131.pdf" 
style="border: none;width: 100%;height:1200px!important;" 
title="PDF Fallback"></iframe></object>



modifier la ligne 4 et adapter la hauteur height:1200px
    si nécessaire

le second

<object data="file/numero_131.pdf" 
style="height:850px !important;" title="Embedded PDF Viewer" 
type="application/pdf" width="100%">
<iframe src="../file/numero_131.pdf" 
style="height:850px !important;" title="Fallback PDF Viewer" width="100%"></iframe>
<p>
<iframe src="../file/numero_131.pdf" style="height:850px !important;" title="Fallback PDF Viewer" width="100%"></iframe></p>
</object

idem adapter l'emplacement du document pdf
et aussi la hauteur height:850px

tout cela fonctionne avec les simulateurs de téléphone (iphone, ipad etc ..) et aussi un iphone ios 26.3

A+

Linuxmr

Document generated in 0.01 second