{"id":196241,"date":"2022-04-06T06:26:56","date_gmt":"2022-04-06T10:26:56","guid":{"rendered":"https:\/\/www.techsmith.com\/learn\/tutorials\/ajout-de-zones-interactives-a-une-video-2022\/"},"modified":"2026-03-02T12:00:20","modified_gmt":"2026-03-02T17:00:20","slug":"ajout-de-zones-interactives-a-une-video","status":"publish","type":"tutorial","link":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/","title":{"rendered":"Ajout de zones interactives (vid\u00e9os interactives)"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Ajoutez des zones interactives sur lesquelles les spectateurs peuvent cliquer en vue d\u2019ex\u00e9cuter une action sp\u00e9cifique, \u00e0 savoir\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Ouvrir la vid\u00e9o suivante d\u2019une s\u00e9rie de vid\u00e9os<\/li>\n\n\n\n<li>Cliquer sur un lien pour s\u2019abonner \u00e0 votre bulletin d\u2019informations, canal ou r\u00e9seau social<\/li>\n\n\n\n<li>Acc\u00e9der \u00e0 une portion sp\u00e9cifique d\u2019une vid\u00e9o pour en savoir plus, en fonction des centres d\u2019int\u00e9r\u00eat du spectateur<\/li>\n\n\n\n<li>Cliquer sur un lien pour acheter votre produit ou votre logiciel<\/li>\n<\/ul>\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\" id=\"h-add-a-hotspot\">Ajout d\u2019une zone interactive<\/h2>\n\n<ol class=\"wp-block-list\">\n<li>Cliquez sur l\u2019onglet <strong>Effets visuels<\/strong>.<\/li>\n\n\n\n<li>Faites glisser l\u2019effet <strong>Zone interactive<\/strong> sur l\u2019\u00e9l\u00e9ment visuel, dans le plan de montage, que vous voulez utiliser comme appel \u00e0 l\u2019action, par exemple du texte, une image ou une annotation.<\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Propri\u00e9t\u00e9s<\/strong> pour personnaliser la zone interactive. Par d\u00e9faut, la vid\u00e9o est mise en pause \u00e0 la fin d\u2019une zone interactive, et l\u2019utilisateur doit cliquer pour continuer. D\u2019autres options sont disponibles\u00a0:\n<ul class=\"wp-block-list\">\n<li><strong>URL\u00a0:<\/strong> dirigez le spectateur vers l\u2019URL saisie.<\/li>\n\n\n\n<li><strong>Marque\u00a0:<\/strong> dirigez le spectateur vers une marque sp\u00e9cifique dans la vid\u00e9o. Vous devez pr\u00e9alablement ajouter des marques dans le plan de montage pour s\u00e9lectionner cette option. Voir <a href=\"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/marques-et-sommaires\/\">Ajout de marques et d\u2019un sommaire vid\u00e9o<\/a>.<\/li>\n\n\n\n<li><strong>Heure\u00a0:<\/strong> dirigez le spectateur vers une position ou une image sp\u00e9cifique dans la vid\u00e9o. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Pour tester les options URL, Marque et Heure, cliquez sur le bouton <strong>Tester<\/strong>. <\/li>\n<\/ol>\n\n<div class=\"notice notice-camtasia\">\n\t<p><b>Remarque\u00a0:<\/b> TechSmith Smart Player est n\u00e9cessaire pour les vid\u00e9os contenant un sommaire, des sous-titres activables, des \u00e9l\u00e9ments de recherche, des questionnaires et des zones interactives. Pour associer TechSmith Smart Player \u00e0 votre vid\u00e9o, choisissez l\u2019option d\u2019exportation Fichier local (MP4 avec Smart Player) ou Screencast (en anglais). Voir <a href=\"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/exportation-partage\/\">Exportation et partage de votre vid\u00e9o<\/a>.<\/p>\n<\/div>\n\n<style>\n    .product-cta{\n        width: 100%;\n        margin: 1rem 0;\n    }\n    .main-cta{\n        display: flex;\n        padding: 2rem;\n        border-radius: 10px;\n        margin-right: 0;\n        gap: 1.5rem;\n        background: #000000;\n    }<br \/>\n    .main-cta img{\n       margin: 0;\n       padding: 0;\n       width: 7.5rem;\n    }\n    .main-cta h4{\n       margin: -0.3rem 0 0 0;\n       padding: 0;\n       font-weight: 700;\n       font-size: 2.25rem;\n       color: #ffffff;\n    }\n    .main-cta p{\n       margin: 0;\n       padding: 0;\n       font-size: 1rem;\n       color: #ffffff;\n    }\n    .button-container{\n      margin-top: 1.4rem;\n    }\n    .button-container a{\n        padding: .5em 2em;\n        font-weight: 700!important;\n        border-radius: 10rem;\n        font-size: 1rem;\n        text-decoration: none!important;\n    }\n    .download-button{\n        background-color: #99E500;\n        color: #333333!important;\n    }\n    .buy-button{\n        color: #ffffff!important;\n        border: 1.5px solid #ffffff;\n    }\n    .current-user{\n        margin: 0.5rem 0 0 2rem;\n    }\n    .current-user p{\n        margin: 0;\n        padding: 0;\n        font-size: 1rem;\n    }\n\n    @media screen and (max-width:782px){\n        .product-cta > div{\n            flex-direction: column;\n        }\n        .main-cta > div{\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n    @media screen and (max-width:500px){\n        .button-container{\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n        .download-button{\n            margin-top: 0.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"product-cta\">\n<div class=\"main-cta\">\n<div><img decoding=\"async\" style=\"width: 120px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/08\/icon-camtasia.svg\" alt=\"Ic\u00f4ne du logo Camtasia\"\/><\/div>\n<div class=\"content-bucket\">\n<h4>Adoptez Camtasia<\/h4>\n<p>L\u2019outil d\u2019enregistrement d\u2019\u00e9cran et de montage vid\u00e9o le plus puissant du march\u00e9.<\/p>\n<div class=\"button-container\"><a class=\"buy-button\" href=\"https:\/\/www.techsmith.fr\/store\/camtasia\" target=\"_blank\" rel=\"noreferrer noopener\">Comparer les abonnements<\/a> <a class=\"download-button\" href=\"https:\/\/www.techsmith.fr\/download\/camtasia\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger gratuitement<\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"current-user\">\n<p>*\u00a0Vous utilisez d\u00e9j\u00e0 Camtasia Editor\u00a0? D\u00e9couvrez comment <a href=\"https:\/\/support.techsmith.com\/hc\/fr\/articles\/360002943931\" target=\"_blank\" rel=\"noreferrer noopener\">effectuer la mise \u00e0 jour<\/a>.<\/p>\n<\/div>\n<\/div>\n\n \n","protected":false},"excerpt":{"rendered":"<p>Ajoutez des zones interactives sur lesquelles les spectateurs peuvent cliquer en vue d\u2019ex\u00e9cuter une action sp\u00e9cifique, \u00e0 savoir\u00a0: Ajout d\u2019une zone interactive Remarque\u00a0: TechSmith Smart Player est n\u00e9cessaire pour les vid\u00e9os contenant un sommaire, des sous-titres activables, des \u00e9l\u00e9ments de recherche, des questionnaires et des zones interactives. Pour associer TechSmith Smart Player \u00e0 votre vid\u00e9o, [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":350038,"template":"single-tutorial-redesign.php","tcategory":[1691],"ttag":[2012],"tutorial_folder":[],"class_list":["post-196241","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","tcategory-interaction-accessibilite","ttag-camtasia-editor-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial\" \/>\n<meta property=\"og:description\" content=\"Ajoutez des zones interactives sur lesquelles les spectateurs peuvent cliquer en vue d\u2019ex\u00e9cuter une action sp\u00e9cifique, \u00e0 savoir\u00a0: Ajout d\u2019une zone interactive Remarque\u00a0: TechSmith Smart Player est n\u00e9cessaire pour les vid\u00e9os contenant un sommaire, des sous-titres activables, des \u00e9l\u00e9ments de recherche, des questionnaires et des zones interactives. Pour associer TechSmith Smart Player \u00e0 votre vid\u00e9o, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/\" \/>\n<meta property=\"og:site_name\" content=\"TechSmith Learn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T17:00:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2022\/04\/Hotspots-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/\",\"name\":\"Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Hotspots-2.png\",\"datePublished\":\"2022-04-06T10:26:56+00:00\",\"dateModified\":\"2026-03-02T17:00:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Hotspots-2.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Hotspots-2.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/tutoriels\\\/camtasia\\\/ajout-de-zones-interactives-a-une-video\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tous les tutoriels\",\"item\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/\\\/tutoriels\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Camtasia\",\"item\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/\\\/tutoriels\\\/camtasia\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ajout de zones interactives (vid\u00e9os interactives)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/\",\"name\":\"TechSmith Learn\",\"description\":\"Show What You Know\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#organization\",\"name\":\"TechSmith Corporation\",\"url\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"width\":1307,\"height\":390,\"caption\":\"TechSmith Corporation\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.fr\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/","og_locale":"fr_FR","og_type":"article","og_title":"Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial","og_description":"Ajoutez des zones interactives sur lesquelles les spectateurs peuvent cliquer en vue d\u2019ex\u00e9cuter une action sp\u00e9cifique, \u00e0 savoir\u00a0: Ajout d\u2019une zone interactive Remarque\u00a0: TechSmith Smart Player est n\u00e9cessaire pour les vid\u00e9os contenant un sommaire, des sous-titres activables, des \u00e9l\u00e9ments de recherche, des questionnaires et des zones interactives. Pour associer TechSmith Smart Player \u00e0 votre vid\u00e9o, [&hellip;]","og_url":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/","og_site_name":"TechSmith Learn","article_modified_time":"2026-03-02T17:00:20+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2022\/04\/Hotspots-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/","url":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/","name":"Ajout de zones interactives (vid\u00e9os interactives) | Camtasia Tutorial","isPartOf":{"@id":"https:\/\/www.techsmith.fr\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/#primaryimage"},"image":{"@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2022\/04\/Hotspots-2.png","datePublished":"2022-04-06T10:26:56+00:00","dateModified":"2026-03-02T17:00:20+00:00","breadcrumb":{"@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/#primaryimage","url":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2022\/04\/Hotspots-2.png","contentUrl":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2022\/04\/Hotspots-2.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.techsmith.fr\/learn\/tutoriels\/camtasia\/ajout-de-zones-interactives-a-une-video\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Tous les tutoriels","item":"https:\/\/www.techsmith.fr\/learn\/\/tutoriels"},{"@type":"ListItem","position":2,"name":"Camtasia","item":"https:\/\/www.techsmith.fr\/learn\/\/tutoriels\/camtasia"},{"@type":"ListItem","position":3,"name":"Ajout de zones interactives (vid\u00e9os interactives)"}]},{"@type":"WebSite","@id":"https:\/\/www.techsmith.fr\/learn\/#website","url":"https:\/\/www.techsmith.fr\/learn\/","name":"TechSmith Learn","description":"Show What You Know","publisher":{"@id":"https:\/\/www.techsmith.fr\/learn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techsmith.fr\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.techsmith.fr\/learn\/#organization","name":"TechSmith Corporation","url":"https:\/\/www.techsmith.fr\/learn\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.techsmith.fr\/learn\/#\/schema\/logo\/image\/","url":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","contentUrl":"https:\/\/www.techsmith.fr\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","width":1307,"height":390,"caption":"TechSmith Corporation"},"image":{"@id":"https:\/\/www.techsmith.fr\/learn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tutorial\/196241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/users\/81"}],"version-history":[{"count":3,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tutorial\/196241\/revisions"}],"predecessor-version":[{"id":350037,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tutorial\/196241\/revisions\/350037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/media\/350038"}],"wp:attachment":[{"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/media?parent=196241"}],"wp:term":[{"taxonomy":"tcategory","embeddable":true,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tcategory?post=196241"},{"taxonomy":"ttag","embeddable":true,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/ttag?post=196241"},{"taxonomy":"tutorial_folder","embeddable":true,"href":"https:\/\/www.techsmith.fr\/learn\/wp-json\/wp\/v2\/tutorial_folder?post=196241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}