En ce moment je travaille sur les possibilités d'inclure des vidéos dans un document InDesign, pour créer des PDF interactifs. Vu le peu de documentation sur le web à ce sujet, voici un tuto rapide sur le sujet.

Cet article a été publié il y a plus d'un an. Les informations qu'il contient ne sont peut-être plus pertinentes à l'heure actuelle.

1 – Importer la vidéo

Première étape : importer la vidéo comme vous le feriez avec n’importe quelle image. ( + D ou Ctrl + D). Ajustez sa taille et sa position à votre convenance (attention aux proportions !). Le panneau Multimédia s’affiche après l’export, il vous permettra de personnaliser l’affichage de votre vidéo.

2 – Choisir l’image affichée

InDesign vous permet de choisir l’image que vous souhaitez voir affichée avant que la vidéo ne se lance. Vous pouvez choisir une image de votre vidéo (image en cours) ou une image externe à la vidéo. Pour cela, choisissez « Sélectionner une image », puis choisissez celle qui vous convient. Pensez à ajuster votre image au cadre de la vidéo, et surtout pas l’inverse ! Votre vidéo serait déformée.

3 – Barre de contrôle

Vous pouvez aussi choisir un type de barre de contrôle et la manière dont elle va s’afficher (au survol ou non). Le mieux est de tester toutes les options possibles pour choisir celle qui vous convient. Astuce : pour ne pas avoir à exporter systématiquement votre travail pour visualiser vos tests, utilisez l’aperçu multimédia d’InDesign :  + MAJ + Entrée ou Ctrl + MAJ + Entrée.

4 – Options PDF

Vous pouvez aussi régler les options d’affichage de la vidéo dans votre futur PDF. Pour cela, sélectionnez « Options PDF » dans le menu contextuel du panneau Multimédia.

Ces options vous permettent d’insérer une description pour votre vidéo, mais surtout de choisir ses paramètres d’affichage. Cocher « Lire la vidéo dans une fenêtre flottante » vous permettra d’afficher votre vidéo dans une pop-up, lorsque l’utilisateur cliquera sur l’image de votre vidéo. Vous pouvez ensuite choisir la taille de votre vidéo : de 1/5 à 4x sa taille. Là encore, pensez à faire des tests pour adapter votre affichage à la qualité de votre vidéo. A noter qu’il est aussi possible d’inclure une vidéo hébergée sur le web, en utilisant le même menu contextuel (utile pour réduire le poids de votre futur PDF).

5 – Exporter la vidéo

Votre fichier est prêt, il vous reste à l’exporter. Dans les options de format de fichier, sélectionnez « Adobe PDF (Interactif). Une fenêtre d’option dédiée à ce format s’affiche. Sous « Boutons et Multimédia », cochez « Tout inclure ». Choisissez ensuite le taux de compression de votre fichier : attention cela-dit, si vous souhaitez partager votre fichier par mail, une qualité élevée d’image alourdira votre fichier !

6 – Le résultat

Voici mon résultat !
Pour info, la jolie vidéo que j’ai utilisée pour ce tuto est une création de Vincent Mouchebe, vous pouvez le retrouver sur son blog.

30 commentaires

  1. Bon tuto et merci, c’est bien le seul que j’ai trouvé ! Mais certaines de mes vidéos ne fonctionnent pas dans le PDF Interactif ? Pourtant elles ont toutes le même format (FLV), quel est le problème ?

    1. Bonjour,

      Le FLV étant bien pris en charge par InDesign, je ne vois pas trop le problème… Sans connaître votre document, je ne peux que vous conseiller de vérifier que vos fichiers ne sont pas trop lourds ou erronés et de recommencer leur intégration dans InDesign.

  2. Bonjour,
    j’ai un pdf interactif de 10 pages avec des vidéos etc..
    mais mon problèleme c’est que lorsque que tourne la page la vidéo est toujours en mode lecture. Comment faire pour qu’elle s’arrete lorsque que je tourne la page ?

    1. Là encore, à priori la vidéo est censée s’arrêter lorsqu’une page est tournée (si une transition de page a été affectée, dans le menu objets interactif > transition de page), si vous scrollez simplement dans votre document elle ne s’arrêtera pas avant la fin. Donc prévoir il faut prévoir de placer une barre de contrôle pour que l’utilisateur puisse arrêter la vidéo au besoin.

  3. Bonjour,

    j’ai suivi le tuto à la lettre seulement une fois que le pdf est généré la vidéo ne s’apparait tjs pas pourtant j’ai bien fait « tout inclure » au moment de la génération du pdf

    1. Peut-être la vidéo est-elle trop lourde ? J’ai eu le problème il y a quelques temps, et j’ai simplement supprimé le bloc contenant la vidéo et recommencé le processus. C’est très rare qu’il y ait ce genre de bug, mais cela arrive.

      1. 369 Ko… c’est lourd en effet mais comment je fais pour la réduire? tu sais combien indesign quel est le format maximum que peut contenir indesign?

      2. ok j’ai modifier ça marche tjs pas elle fait 549ko c’est bien un format F4V qu’il faut?

      3. Le format F4V est bien supporté, donc j’ai du mal à comprendre le problème…

  4. J’ai exactement le même problème que Clara, mes videos n’apparaissent pas. j’ai changé les format des vidéos mais pas de changement. As tu trouvé une solution?

    1. Vous êtes sous quelle version d’InDesign ?

  5. Bonjour,
    j’ai fait toutes les manip et pourtant il n’y a pas de sons sur ma vidéo. De plus la qualité n’est pas top… je ne comprends pas pourquoi. C’est un .mov.

    Merci

    1. Bonjour,

      Attention à votre choix de dimensions de vidéo à afficher (étape 4) ainsi qu’au taux de compression de votre PDF final, la qualité finale peut s’en ressentir. Concernant le son, cela ne peut venir que de votre vidéo. faite attention à choisir un format adapté.

  6. Bonjour,
    Par contre est-il possible de revenir automatiquement à l’affiche une fois la sequence terminé car le pdf reste sur la derniere image de la video et se n’est pas tres esthétique. Merci beaucoup pour vos réponse.

    1. Bonjour,

      Cette option n’est malheureusement pas encore disponible dans la version actuelle d’InDesign. ce sera peut-être une des nouvelles fonctionnalités d’une prochaine mise à jour. a suivre !

      1. Merci beaucoup pour la rapidité de réponse. Mais j’ai trouvé une astuce, je rajoute l’affiche en toute fin de mon montage video et comme cela la dernière image de la vidéo est l’affiche.

        A bientot

  7. Pingback: [Screencast] Insérez des vidéos dans InDesign CS5 | Mylène Boyrie - Édition print et web à Bordeaux
  8. Merci Mylène, j’ai téléchargé la video du tuto complet !
    Petite question cependant… quand on souhaite que le video s’affiche dans une fenêtre flottante, il y a un onglet position mais qui ne propose que la position « centrée »… et reste grisé… On ne peut donc pas choisir plus précisement la position de la fenêtre flottante sur le PDF ??
    Si vous connaissez l’astuce, je suis preneuse ! Merci encore.
    Marie

    1. Bonjour Marie,

      C’est étonnant en effet, ils ont placé cette liste déroulante comme s’il s’agissait d’une option, mais ce n’est pas vraiment le cas puisqu’on ne peut pas sélectionner d’option différente ! Ce qui induit en erreur (moi la première, j’ai probablement du dire dans ma formation que cette option était sélectionnable…). Je viens de vérifier, la version CS6 a reproduit la même chose…

  9. Salut Mylène,
    J’ai une question concernant les boutons sur indesign. Voilà, j’en ai créé à partir de blocs de texte mais je voudrais que le fond ne soit pas « cliquable », seulement les lettres. Je sais que c’est possible dans flash, mais je ne trouve pas comment le faire sur indesign. Saurais-tu m’aider? Merci d’avance!
    Léna

    1. Bonjour Léna,

      Il n’est pas possible de créer un bouton uniquement sur le texte du bloc, seulement sur le bloc en lui-même. L’alternative serait de créer un hyperlien sur le texte (Fenêtre > Objets interactifs > hyperlien).

  10. Bonjour, je viens vous voir car comme vous le soulignez plus haut il y a trés peu de tutoriels parlant de cette technique.
    j’ai cependant deux problèmes :
    le premier est que lorsque j’exporte ma vidéo en flv pour mon pdf interactif je me retrouve avec le cadre noir autour de ma video alors que je l’ai au préalable recadrer sur ma page indesign.
    Ma deuxième requête concerne l’importation de gif dans indd, impossible de les faire lire au pdf….
    Merci par avance de votre intérêt !!!
    Benjamin.

    1. bonjour,

      comme benjamin, je cherche à importer et surtout que mon gif fonctionne dans indesign, comment faire?

      merci,

      Marion

  11. Bonjour,
    J’ai suivi le tuto, cela fonctionne, sauf que ma vidéo qui devrait être verticale s’importe à l’horizontal. J’effectue une rotation mais rien à faire.
    Comment faire ?
    Merci

  12. Merci ! ca a marché en 5 minutes !

  13. Super tuto !
    par contre impossible de trouver la solution pour faire pivoter ma vidéo de 90° dans mon fichier indesign.. La rotation utilisée pour tout autre bloc ne fonctionne pas…

  14. Si seulement tous les tutos pouvaient être aussi clairs que les vôtres ! Grand merci à vous. Tout a parfaitement fonctionné, mis à part l’aperçu multimédia, que je n’arrive pas à afficher autrement qu’en vignette. J’ai dû rater une étape ou une manip… A moins que ce ne soit lié à ma version d’ID ? (Je suis sur la 2015).
    Et un grand coup de chapeau pour votre site, il est superbement réalisé ! Quel dommage que je ne l’aie pas connu plus tôt !

  15. bonjour,

    en effet l’importation de la video dans in design fonctionne bien je peux faire tout les réglage décrit dans le tutu. L’exportation vers le pdf interactif aussi. mais si j’envoie le pdf par mail, l’image disparait m^me avec un pdf léger. rien à faire……peut-être y-à-t-il une option à déterminer dans le choix du in design…….tout au début. merci de m’éclairer si c’est possible

  16. Bonjour,
    Merci pour votre article. Seulement, j’aurais aimé savoir s’il était possible d’ajouter un fichier GIF à un document indesign, je ne trouve pas de solution et me dis que si le format convient, le gif doit aussi convenir.
    Merci pour votre réponse !

    1. Bonjour,
      InDesign supporte bel et bien le GIF, pour les exports de PDF interactifs : les informations relatives aux formats graphiques supportés par InDesign sont ici.
      Je n’ai pas encore fait le test sur les GIFS animés, mais il n’y a pas de raison qu’ils ne fonctionnent pas 🙂

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec une astérisque: *.