{"id":196128,"date":"2022-04-06T05:25:28","date_gmt":"2022-04-06T09:25:28","guid":{"rendered":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/anadir-zonas-interactivas-a-un-video-2022\/"},"modified":"2026-03-02T11:57:34","modified_gmt":"2026-03-02T16:57:34","slug":"anadir-zonas-interactivas-a-un-video","status":"publish","type":"tutorial","link":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/","title":{"rendered":"A\u00f1adir zonas interactivas (v\u00eddeos interactivos)"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Las zonas activas permiten que se pueda hacer clic en determinadas secciones para activar una acci\u00f3n, por ejemplo:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Abrir el siguiente v\u00eddeo de una serie.<\/li>\n\n\n\n<li>Abrir un enlace para suscribirse a un bolet\u00edn de noticias, a un canal o a una red social.<\/li>\n\n\n\n<li>Saltar a un punto espec\u00edfico de un v\u00eddeo para obtener m\u00e1s informaci\u00f3n en funci\u00f3n del inter\u00e9s del usuario.<\/li>\n\n\n\n<li>Presentar un enlace para comprar productos o software.<\/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\">A\u00f1adir una zona activa<\/h2>\n\n<ol class=\"wp-block-list\">\n<li>Haz clic en la pesta\u00f1a <strong>Efectos visuales<\/strong>.<\/li>\n\n\n\n<li>Arrastra el efecto <strong>Zona interactiva<\/strong> al medio visual de la l\u00ednea de tiempo que quieras usar para activar una acci\u00f3n, como por ejemplo un texto, una imagen o una anotaci\u00f3n.<\/li>\n\n\n\n<li>Haz clic en el bot\u00f3n <strong>Propiedades<\/strong> para personalizar la zona activa. El comportamiento predeterminado es poner el v\u00eddeo en pausa al final de una zona activa y solicitar al usuario que haga clic para continuar. Otras opciones son:\n<ul class=\"wp-block-list\">\n<li><strong>URL:<\/strong> env\u00eda al usuario a la URL introducida.<\/li>\n\n\n\n<li><strong>Marcador:<\/strong> env\u00eda al usuario a un marcador espec\u00edfico del v\u00eddeo. Debe haber marcadores en la l\u00ednea de tiempo para poder seleccionar esta opci\u00f3n. Consulta <a href=\"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/marcadores-e-indices\/\">A\u00f1adir marcadores e \u00edndice de v\u00eddeo<\/a>.<\/li>\n\n\n\n<li><strong>Tiempo:<\/strong> env\u00eda al usuario a un tiempo o fotograma espec\u00edfico del v\u00eddeo. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Para probar las opciones de URL, marcador o tiempo, haz clic en el bot\u00f3n <strong>Probar<\/strong>. <\/li>\n<\/ol>\n\n<div class=\"notice notice-camtasia\">\n\t<p><b>Nota:<\/b> se necesita TechSmith Smart Player para usar \u00edndices, subt\u00edtulos, opciones de b\u00fasqueda, cuestionarios y zonas activas en un v\u00eddeo. Para incluir TechSmith Smart Player, exporta el v\u00eddeo como archivo local (MP4 con Smart Player) o a Screencast. Consulta <a href=\"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/exportar-compartir\/\">Exportar y compartir un v\u00eddeo<\/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:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2022\/08\/icon-camtasia.svg\" alt=\"Logotipo del icono de Camtasia\"\/><\/div>\n<div class=\"content-bucket\">\n<h4>Obtener Camtasia<\/h4>\n<p>Empieza a usar la grabadora de pantalla y el editor de v\u00eddeo m\u00e1s potente del mundo.<\/p>\n<div class=\"button-container\"><a class=\"buy-button\" href=\"https:\/\/www.techsmith.es\/store\/camtasia\" target=\"_blank\" rel=\"noreferrer noopener\">Comparar los planes<\/a> <a class=\"download-button\" href=\"https:\/\/www.techsmith.es\/download\/camtasia\/\" target=\"_blank\" rel=\"noreferrer noopener\">Descarga gratuita<\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"current-user\">\n<p>*\u00a0\u00bfYa usas Camtasia\u00a0Editor? Descubre c\u00f3mo <a href=\"https:\/\/support.techsmith.com\/hc\/es\/articles\/360002943931\" target=\"_blank\" rel=\"noreferrer noopener\">actualizar a la \u00faltima versi\u00f3n<\/a>.<\/p>\n<\/div>\n<\/div>\n\n \n","protected":false},"excerpt":{"rendered":"<p>Las zonas activas permiten que se pueda hacer clic en determinadas secciones para activar una acci\u00f3n, por ejemplo: A\u00f1adir una zona activa Nota: se necesita TechSmith Smart Player para usar \u00edndices, subt\u00edtulos, opciones de b\u00fasqueda, cuestionarios y zonas activas en un v\u00eddeo. Para incluir TechSmith Smart Player, exporta el v\u00eddeo como archivo local (MP4 con [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":347607,"template":"single-tutorial-redesign.php","tcategory":[1715],"ttag":[2009],"tutorial_folder":[],"class_list":["post-196128","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","tcategory-participacion-accesibilidad-es","ttag-camtasia-editor-es"],"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>A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial\" \/>\n<meta property=\"og:description\" content=\"Las zonas activas permiten que se pueda hacer clic en determinadas secciones para activar una acci\u00f3n, por ejemplo: A\u00f1adir una zona activa Nota: se necesita TechSmith Smart Player para usar \u00edndices, subt\u00edtulos, opciones de b\u00fasqueda, cuestionarios y zonas activas en un v\u00eddeo. Para incluir TechSmith Smart Player, exporta el v\u00eddeo como archivo local (MP4 con [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/\" \/>\n<meta property=\"og:site_name\" content=\"TechSmith Learn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T16:57:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/Hotspots.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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/\",\"url\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/\",\"name\":\"A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Hotspots.png\",\"datePublished\":\"2022-04-06T09:25:28+00:00\",\"dateModified\":\"2026-03-02T16:57:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Hotspots.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Hotspots.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/tutoriales\\\/camtasia\\\/anadir-zonas-interactivas-a-un-video\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Todos los tutoriales\",\"item\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/\\\/tutoriales\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Camtasia\",\"item\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/\\\/tutoriales\\\/camtasia\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"A\u00f1adir zonas interactivas (v\u00eddeos interactivos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/\",\"name\":\"TechSmith Learn\",\"description\":\"Show What You Know\",\"publisher\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#organization\",\"name\":\"TechSmith Corporation\",\"url\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"width\":1307,\"height\":390,\"caption\":\"TechSmith Corporation\"},\"image\":{\"@id\":\"https:\\\/\\\/es.tsc-stage.co\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial","og_description":"Las zonas activas permiten que se pueda hacer clic en determinadas secciones para activar una acci\u00f3n, por ejemplo: A\u00f1adir una zona activa Nota: se necesita TechSmith Smart Player para usar \u00edndices, subt\u00edtulos, opciones de b\u00fasqueda, cuestionarios y zonas activas en un v\u00eddeo. Para incluir TechSmith Smart Player, exporta el v\u00eddeo como archivo local (MP4 con [&hellip;]","og_url":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/","og_site_name":"TechSmith Learn","article_modified_time":"2026-03-02T16:57:34+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/Hotspots.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/","url":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/","name":"A\u00f1adir zonas interactivas (v\u00eddeos interactivos) | Camtasia Tutorial","isPartOf":{"@id":"https:\/\/es.tsc-stage.co\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/#primaryimage"},"image":{"@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/Hotspots.png","datePublished":"2022-04-06T09:25:28+00:00","dateModified":"2026-03-02T16:57:34+00:00","breadcrumb":{"@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/#primaryimage","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/Hotspots.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/Hotspots.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/es.tsc-stage.co\/learn\/tutoriales\/camtasia\/anadir-zonas-interactivas-a-un-video\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Todos los tutoriales","item":"https:\/\/es.tsc-stage.co\/learn\/\/tutoriales"},{"@type":"ListItem","position":2,"name":"Camtasia","item":"https:\/\/es.tsc-stage.co\/learn\/\/tutoriales\/camtasia"},{"@type":"ListItem","position":3,"name":"A\u00f1adir zonas interactivas (v\u00eddeos interactivos)"}]},{"@type":"WebSite","@id":"https:\/\/es.tsc-stage.co\/learn\/#website","url":"https:\/\/es.tsc-stage.co\/learn\/","name":"TechSmith Learn","description":"Show What You Know","publisher":{"@id":"https:\/\/es.tsc-stage.co\/learn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/es.tsc-stage.co\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/es.tsc-stage.co\/learn\/#organization","name":"TechSmith Corporation","url":"https:\/\/es.tsc-stage.co\/learn\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/es.tsc-stage.co\/learn\/#\/schema\/logo\/image\/","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","width":1307,"height":390,"caption":"TechSmith Corporation"},"image":{"@id":"https:\/\/es.tsc-stage.co\/learn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/196128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/users\/81"}],"version-history":[{"count":3,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/196128\/revisions"}],"predecessor-version":[{"id":349965,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/196128\/revisions\/349965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/media\/347607"}],"wp:attachment":[{"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/media?parent=196128"}],"wp:term":[{"taxonomy":"tcategory","embeddable":true,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tcategory?post=196128"},{"taxonomy":"ttag","embeddable":true,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/ttag?post=196128"},{"taxonomy":"tutorial_folder","embeddable":true,"href":"https:\/\/es.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial_folder?post=196128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}