Utilisez l’une des méthodes suivantes :
Dernière mise à jour le
2 mai 2021
L’incrustation Contenu Web permet d’intégrer une page Web dans une zone d’affichage. Les utilisateurs peuvent voir le contenu de la page Web dans la zone d’affichage sans avoir à le faire dans un navigateur intégré distinct. Vous pouvez spécifier une URL Web ou un fichier HTML local. Gardez à l’esprit les points suivants :
- Si vous indiquez un fichier HTML local, assurez-vous que ce fichier ainsi que les dossiers et fichiers associés figurent dans le même dossier. Lorsque le contenu de l’article est créé, tous les fichiers figurant dans le même dossier que le fichier .html sont téléchargés, réservez donc ce dossier HTML aux fichiers nécessaires. Par exemple, si vous ajoutez le fichier .html au dossier Documents, tous les fichiers et sous-dossiers contenus dans ce dossier sont téléchargés.
- Pour toute URL redirigée automatiquement vers une URL mobile, spécifiez l’URL mobile (par exemple, http://mobile.twitter.com/) et non pas l’URL d’origine (par exemple, http://twitter.com).
- Si vous spécifiez une animation HTML à destination d’une incrustation de contenu Web, définissez l’option de lecture automatique avec un très léger délai (par exemple 0,125 seconde) pour vous assurer que l’animation se lise correctement. Ce délai empêche que l’incrustation se lance automatiquement alors que la page est en cours de préchargement.
- Dans InDesign CS6 ou versions ultérieures, vous pouvez utiliser la commande Insérer du code HTML pour insérer le code d’intégration d’une vidéo YouTube. Pour un résultat optimal, modifiez le code d’intégration YouTube de manière à inclure "src=https://www.youtube.com" au lieu de "src=//www.youtube.com". Définissez également la fonction Lecture auto pour l’incrustation et ajoutez une image d’affiche devant l’incrustation.
Pour créer une incrustation de contenu Web :
-
A l’aide de l’outil Rectangle ou Bloc rectangulaire, faites glisser le curseur pour délimiter le cadre d’affichage du contenu Web.
Importez une image à utiliser comme affiche pour le contenu Web.
-
Sélectionnez le cadre, puis choisissez Contenu Web dans le panneau Overlays/Folio Overlays.
-
Utilisez l’une des méthodes suivantes :
Pour spécifier une URL, tapez ou collez l’URL dans le champ Ressources. Tapez l’URL complète sans oublier « http:// ».
Pour utiliser des fichiers HTML locaux, cliquez sur l’icône du dossier et spécifiez le fichier HTML local. Le fichier HTML (index.html, par exemple) doit figurer dans un dossier qui comprend les images ou les scripts utilisés dans le fichier HTML.
-
Définissez les options suivantes :
Lecture auto
Sélectionnez cette option pour charger la page Web lorsque la page est chargée dans le périphérique mobile. Vous pouvez également indiquer le nombre de secondes de délai. Si votre HTML cible est une animation à jouer, spécifiez un très léger délai.
Arrière-plan transparent
Si cette option est sélectionnée, le fond transparent d’une page Web est préservé. Les utilisateurs peuvent voir en transparence le contenu DPS en l’arrière-plan. Si cette option est désélectionnée, le fond du contenu Web est utilisé.
Autoriser les interactions avec l’utilisateur
Si cette option est sélectionnée, les utilisateurs peuvent interagir avec la page Web. Par exemple, ils peuvent toucher un hyperlien pour accéder à une page Web différente.
Ajuster le contenu à l’échelle
Si cette option est sélectionnée, la page Web est redimensionnée en fonction de la taille spécifiée dans le fichier d’incrustation. Dans le cas contraire, la page Web est affichée à la même taille que dans le navigateur du périphérique, c’est pourquoi elle peut être recadrée.
Autoriser l’accès aux informations sur les droits
Vous pouvez créer une incrustation de contenu Web qui fait référence à l'interface Reading API pour les fonctionnalités telles que les interfaces Camera API et Geolocation API, les publicités numériques et les calendriers (dans le panneau Overlays, cette option s'appelle « Autoriser l’accès aux API »). Pour plus d'informations, reportez-vous à la page Utilisation d’API HTML et JavaScript pour élargir les fonctionnalités de DPS.
En plus de sélectionner cette option pour l’incrustation, ajoutez une API JavaScript personnalisée à votre code HTML.
Vous pouvez également créer ce type de contenu HTML conditionnel pour un article HTML au lieu d’une incrustation de contenu Web. Pour un article HTML, sélectionnez l’option « Autoriser l’accès aux informations sur les droits » dans l’éditeur Folio Producer.
