{"id":7449,"date":"2026-05-14T17:54:02","date_gmt":"2026-05-14T17:54:02","guid":{"rendered":"https:\/\/etchenet.com\/?page_id=7449"},"modified":"2026-05-30T11:58:22","modified_gmt":"2026-05-30T11:58:22","slug":"etchenet-scroll-video-background-builder","status":"publish","type":"page","link":"https:\/\/etchenet.com\/es\/etchenet-scroll-video-background-builder\/","title":{"rendered":"Creador de fondos de v\u00eddeo con desplazamiento de Etchenet"},"content":{"rendered":"<div class=\"wp-block-group alignfull ethet-normalized-page ethet-pilot-source etch-page-shell--transparent has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section ethet-hero-section etch-s1 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-hero\">\n<div class=\"wp-block-group ethet-section-inner ethet-hero-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group ethet-trust-pills ethet-layout is-content-justification-center is-layout-flex wp-container-core-group-is-layout-f701c062 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group ethet-trust-pill ethet-icon-chip ethet-icon ethet-icon-monitor is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">Gutenberg<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-trust-pill ethet-icon-chip ethet-icon ethet-icon-code is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">Elementor<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-trust-pill ethet-icon-chip ethet-icon ethet-icon-remote is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">fondo de v\u00eddeo desplazable<\/p>\n<\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading etch-hero-h1 ethet-hero-h1\">Transforma un v\u00eddeo en<br><span class=\"etch-grad\">fondo animado con desplazamiento<\/span><br>para WordPress<\/h1>\n\n\n\n<p class=\"ethet-hero-lead wp-block-paragraph\">Un plugin de WordPress dise\u00f1ado para crear secciones o fondos de p\u00e1gina donde el v\u00eddeo avanza al desplazarse, se reproduce al entrar en una secci\u00f3n o funciona como una microanimaci\u00f3n premium. Compatible con Gutenberg y Elementor, sin GSAP en la versi\u00f3n destinada al repositorio de WordPress.org.<\/p>\n\n\n\n<div class=\"wp-block-buttons ethet-hero-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-btn etch-btn-primary ethet-button-icon ethet-button-arrow\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-features\">Descubre las caracter\u00edsticas<\/a><\/div>\n\n\n\n<div class=\"wp-block-button etch-btn etch-btn-glass ethet-button-icon ethet-button-message\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-use-cases\">Ver los usos<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-overview\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s2 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-overview\">\n<div class=\"wp-block-group ethet-section-inner ethet-content-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-header ethet-section-header ethet-content has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">demostraciones en v\u00eddeo<\/p>\n\n\n\n<h2 class=\"wp-block-heading etch-h2 ethet-section-title ethet-gradient-title\">Dos formas de renderizar <span class=\"etch-grad\">una p\u00e1gina de WordPress m\u00e1s inmersiva<\/span><\/h2>\n\n\n\n<p class=\"etch-sub ethet-section-lead wp-block-paragraph\">El v\u00eddeo de fondo abarca toda la p\u00e1gina, creando una narrativa continua a medida que el usuario se desplaza. Las animaciones de secci\u00f3n permiten un enfoque narrativo m\u00e1s r\u00edtmico y basado en bloques.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns ethet-card-grid ethet-card-columns ethet-layout is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-monitor ethet-card-icon-color-blue has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><\/svg><\/div>\n\n\n\n<p class=\"etch-sol-badge wp-block-paragraph\">Sincronizaci\u00f3n del desplazamiento de p\u00e1gina<\/p>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Fondo de v\u00eddeo global<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Para una p\u00e1gina de inicio, una presentaci\u00f3n premium o una historia visual, el v\u00eddeo puede acompa\u00f1ar toda la navegaci\u00f3n y avanzar a medida que el usuario se desplaza.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-remote ethet-card-icon-color-teal has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M15 10l5 5-5 5\"><\/path><path d=\"M4 4v7a4 4 0 0 0 4 4h12\"><\/path><\/svg><\/div>\n\n\n\n<p class=\"etch-sol-badge wp-block-paragraph\">Secci\u00f3n de animaci\u00f3n<\/p>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Animaciones de secci\u00f3n<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Para una narraci\u00f3n m\u00e1s segmentada, cada secci\u00f3n puede activar su propio v\u00eddeo: reproducir al entrar, reproducir en reversa al salir, pausar al final de la animaci\u00f3n o sincronizar con el desplazamiento.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-star ethet-card-icon-color-purple has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M12 2l2.9 6.26L22 9.27l-5 5.14L18.18 22 12 18.56 5.82 22 7 14.41 2 9.27l7.1-1.01z\"><\/path><\/svg><\/div>\n\n\n\n<p class=\"etch-sol-badge wp-block-paragraph\">Experiencia inmersiva<\/p>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Narraci\u00f3n de historias de primera calidad<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Los v\u00eddeos MP4 pueden sustituirse por tus propios archivos para crear experiencias visuales adaptadas a cada proyecto.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-features\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s3 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-features\">\n<div class=\"wp-block-group ethet-section-inner ethet-content-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-header ethet-section-header ethet-content has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">Caracter\u00edsticas planificadas<\/p>\n\n\n\n<h2 class=\"wp-block-heading etch-h2 ethet-section-title ethet-gradient-title\">Un complemento <span class=\"etch-grad\">orientados a la producci\u00f3n y constructores<\/span><\/h2>\n\n\n\n<p class=\"etch-sub ethet-section-lead wp-block-paragraph\">La prioridad es mantener el plugin limpio, comprensible, compatible con el repositorio oficial de WordPress.org y utilizable tanto en Gutenberg como en Elementor.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns ethet-card-grid ethet-card-columns ethet-layout is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-monitor ethet-card-icon-color-blue has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Editorial Gutenberg<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Una secci\u00f3n de ancho completo que puede contener bloques internos: t\u00edtulos, textos, botones, columnas, grupos, im\u00e1genes o cualquier otro bloque compatible con Gutenberg.<\/p>\n\n\n\n<ul class=\"wp-block-list etch-check-list\">\n<li>Bloque de secci\u00f3n con bloques interiores<\/li>\n\n\n\n<li>Alineaci\u00f3n de ancho completo<\/li>\n\n\n\n<li>Altura y espaciado configurables<\/li>\n\n\n\n<li>Superposici\u00f3n y opacidad ajustables<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-code ethet-card-icon-color-teal has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M16 18l6-6-6-6\"><\/path><path d=\"M8 6l-6 6 6 6\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Compatibilidad con Elementor<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Los controles de v\u00eddeo est\u00e1n disponibles directamente en las secciones de Elementor, con comportamientos adaptados a las p\u00e1ginas narrativas.<\/p>\n\n\n\n<ul class=\"wp-block-list etch-check-list\">\n<li>Controles de v\u00eddeo en las secciones<\/li>\n\n\n\n<li>Reproducci\u00f3n autom\u00e1tica\/bucle normal<\/li>\n\n\n\n<li>Secci\u00f3n de sincronizaci\u00f3n de desplazamiento con rango de desplazamiento<\/li>\n\n\n\n<li>Comportamientos separados por modo<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-remote ethet-card-icon-color-purple has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M15 10l5 5-5 5\"><\/path><path d=\"M4 4v7a4 4 0 0 0 4 4h12\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Modos de lectura<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Los modos est\u00e1n separados para evitar configuraciones innecesarias y para que la interfaz sea legible seg\u00fan el uso elegido.<\/p>\n\n\n\n<ul class=\"wp-block-list etch-check-list\">\n<li>V\u00eddeo de fondo global sincronizado con el desplazamiento<\/li>\n\n\n\n<li>Secci\u00f3n de sincronizaci\u00f3n de desplazamiento controlada por rango<\/li>\n\n\n\n<li>Lectura autom\u00e1tica en la entrada<\/li>\n\n\n\n<li>Animaci\u00f3n de entrada\/salida con inversi\u00f3n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-use-cases\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s4 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-use-cases\">\n<div class=\"wp-block-group ethet-section-inner ethet-content-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-header ethet-section-header ethet-content has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">Usar<\/p>\n\n\n\n<h2 class=\"wp-block-heading etch-h2 ethet-section-title ethet-gradient-title\">Tres formas de usar <span class=\"etch-grad\">Fondo de v\u00eddeo desplazable<\/span><\/h2>\n\n\n\n<p class=\"etch-sub ethet-section-lead wp-block-paragraph\">El plugin cubre tres usos complementarios: secciones de Gutenberg, secciones de Elementor y el fondo de v\u00eddeo global de la p\u00e1gina.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns ethet-card-grid ethet-card-columns ethet-layout is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-monitor ethet-card-icon-color-blue has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Modo de secci\u00f3n de Gutenberg<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Agregue el bloque Secci\u00f3n de fondo de video desplazable, seleccione un video de la biblioteca multimedia, configure la altura, los m\u00e1rgenes verticales y la superposici\u00f3n, y luego agregue contenido al bloque.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-shield ethet-card-icon-color-teal has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Modo de fondo completo<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Abre la p\u00e1gina en Gutenberg, usa el panel lateral &quot;Desplazar fondo de v\u00eddeo&quot;, activa el fondo de v\u00eddeo para esta p\u00e1gina y crea la p\u00e1gina normalmente.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-code ethet-card-icon-color-purple has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M16 18l6-6-6-6\"><\/path><path d=\"M8 6l-6 6 6 6\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Modo de secci\u00f3n de Elementor<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Seleccione el comportamiento del v\u00eddeo en la secci\u00f3n, utilice un rango de desplazamiento, defina la duraci\u00f3n de entrada y de retroceso, y luego combine varias secciones de v\u00eddeo.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-video-rules\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s5 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-video-rules\">\n<div class=\"wp-block-group ethet-section-inner ethet-content-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-header ethet-section-header ethet-content has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">V\u00eddeo recomendado<\/p>\n\n\n\n<h2 class=\"wp-block-heading etch-h2 ethet-section-title ethet-gradient-title\">Un buen video es <span class=\"etch-grad\">corto, ligero y bien codificado<\/span><\/h2>\n\n\n\n<p class=\"etch-sub ethet-section-lead wp-block-paragraph\">La calidad del efecto depende en gran medida de la preparaci\u00f3n del archivo de v\u00eddeo. Los fotogramas clave son esenciales para lograr un desplazamiento preciso.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-stats-grid has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group ethet-stat-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"ethet-stat-number wp-block-paragraph\">MP4<\/p>\n\n\n\n<p class=\"ethet-stat-label wp-block-paragraph\">formato recomendado<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-stat-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"ethet-stat-number wp-block-paragraph\">30 fps<\/p>\n\n\n\n<p class=\"ethet-stat-label wp-block-paragraph\">frecuencia est\u00e1ndar<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-stat-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"ethet-stat-number wp-block-paragraph\">0,5 s<\/p>\n\n\n\n<p class=\"ethet-stat-label wp-block-paragraph\">fotograma clave recomendado<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group ethet-stat-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"ethet-stat-number wp-block-paragraph\">1920 p\u00edxeles<\/p>\n\n\n\n<p class=\"ethet-stat-label wp-block-paragraph\">ancho de alta calidad<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group etch-step-list mcs-step-list-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-step-card mcs-step-card-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group mcs-step-content-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading ethet-card-title\">Abra PowerShell o la terminal de Windows.<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Utilice la terminal de Windows para instalar FFmpeg y ejecutar comandos de optimizaci\u00f3n de v\u00eddeo.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group etch-step-card mcs-step-card-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group mcs-step-content-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading ethet-card-title\">Instalar FFmpeg<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\"><a href=\"https:\/\/etchenet.com\/convertir-une-video-pour-background-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/etchenet.com\/convertir-une-video-pour-background-wordpress\/\">Instalar FFmpeg<\/a>, luego cierra y vuelve a abrir la terminal antes de verificar el comando.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group etch-step-card mcs-step-card-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group mcs-step-content-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading ethet-card-title\">Prepara el archivo de trabajo<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Coloca el v\u00eddeo original en una carpeta sencilla, por ejemplo C:\\V\u00eddeos\\scroll\\video.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group etch-step-card mcs-step-card-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group mcs-step-content-pending has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading ethet-card-title\">Exportar una versi\u00f3n optimizada<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Convierte el v\u00eddeo, elimina el audio, reduce el tama\u00f1o del archivo y fuerza la aparici\u00f3n de fotogramas clave regulares.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-compatibility\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s6 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-compatibility\">\n<div class=\"wp-block-group ethet-section-inner ethet-content-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group etch-header ethet-section-header ethet-content has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">Publicaciones y novedades<\/p>\n\n\n\n<h2 class=\"wp-block-heading etch-h2 ethet-section-title ethet-gradient-title\">Una base limpia para <span class=\"etch-grad\">publicaci\u00f3n, traducci\u00f3n y novedades<\/span><\/h2>\n\n\n\n<p class=\"etch-sub ethet-section-lead wp-block-paragraph\">El plugin est\u00e1 dise\u00f1ado para ser publicado en el repositorio oficial, documentado en ingl\u00e9s y luego traducido a trav\u00e9s del sistema oficial WordPress Polyglots.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns ethet-card-grid ethet-card-columns ethet-layout is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-book ethet-card-icon-color-blue has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Documentaci\u00f3n integrada<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Una p\u00e1gina principal en el men\u00fa de WordPress, enlaces directos desde la p\u00e1gina de extensiones y documentaci\u00f3n clara para la preparaci\u00f3n de v\u00eddeos.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-shield ethet-card-icon-color-teal has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Complemento de cumplimiento<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">El URI del plugin y el URI del autor son independientes, el dominio del texto se ajusta a la norma y la estructura es adecuada para una publicaci\u00f3n limpia en WordPress.org.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ethet-card-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group etch-card ethet-card ethet-card-has-icon ethet-card-icon-editable ethet-card-icon-code ethet-card-icon-color-purple has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"ethet-card-editable-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M16 18l6-6-6-6\"><\/path><path d=\"M8 6l-6 6 6 6\"><\/path><\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading ethet-card-title ethet-card-title-with-icon\">Posibles novedades<\/h3>\n\n\n\n<p class=\"ethet-card-text wp-block-paragraph\">Versi\u00f3n GSAP independiente, ajustes de limpieza avanzados, comportamientos diferenciados y compatibilidad mejorada con constructores.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons ethet-section-next etch-nav-down-block is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-nav-down-button ethet-button-chevron ethet-button-icon\"><a class=\"wp-block-button__link wp-element-button\" href=\"#scroll-video-test-cta\">Siguiente secci\u00f3n<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull etch-section ethet-normalized-section ethet-section etch-s7 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"scroll-video-test-cta\">\n<div class=\"wp-block-group ethet-section-inner ethet-cta-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group ethet-cta-wrap etch-cta-wrap has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group ethet-cta-box etch-cta-box has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"etch-label ethet-section-kicker wp-block-paragraph\">Fondo de v\u00eddeo desplazable<\/p>\n\n\n\n<h2 class=\"wp-block-heading ethet-cta-title etch-cta-title\">Un plugin de WordPress para crear p\u00e1ginas <span class=\"etch-grad\">m\u00e1s inmersivo<\/span><\/h2>\n\n\n\n<p class=\"ethet-cta-lead etch-cta-lead wp-block-paragraph\">El plugin permite utilizar un v\u00eddeo como fondo animado sincronizado con el desplazamiento o como animaci\u00f3n de secci\u00f3n, con una configuraci\u00f3n dise\u00f1ada para Gutenberg, Elementor, temas de edici\u00f3n completa del sitio y publicaci\u00f3n limpia en WordPress.org.<\/p>\n\n\n\n<div class=\"wp-block-buttons ethet-hero-buttons ethet-cta-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-82d461e8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button etch-btn etch-btn-primary ethet-button-icon ethet-button-message\"><a class=\"wp-block-button__link wp-element-button\" href=\"#contact\">Analice el complemento<\/a><\/div>\n\n\n\n<div class=\"wp-block-button etch-btn etch-btn-glass ethet-button-icon ethet-button-arrow\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/\">Volver a Etchenet<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"etch-cta-hours ethet-icon ethet-icon-clock wp-block-paragraph\">De lunes a s\u00e1bado: 9:00 \u2013 17:30 \u00b7 Pa\u00eds Vasco y toda Francia<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Gutenberg Elementor Scroll video background Transformez une vid\u00e9o enfond anim\u00e9 au scrollpour WordPress Un plugin WordPress pens\u00e9 pour cr\u00e9er des sections ou des arri\u00e8re-plans de page o\u00f9 la vid\u00e9o peut avancer avec le d\u00e9filement, se lancer \u00e0 l\u2019entr\u00e9e d\u2019une section ou fonctionner comme une micro-animation premium. Compatible Gutenberg et Elementor, sans GSAP dans la version [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_svbs_page_enabled":false,"_svbs_page_video_id":0,"_svbs_page_video_url":"","_svbs_page_overlay_color":"#020617","_svbs_page_overlay_opacity":0.45,"_svbs_page_scroll_range":0,"_svbs_page_scroll_range_desktop":0,"_svbs_page_scroll_range_tablet":0,"_svbs_page_scroll_range_mobile":0,"_svbs_page_start_time":0,"_svbs_page_end_time":0,"_svbs_page_mobile_behavior":"enabled","_svbs_page_z_index":0,"footnotes":""},"class_list":["post-7449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/comments?post=7449"}],"version-history":[{"count":21,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7449\/revisions"}],"predecessor-version":[{"id":8010,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7449\/revisions\/8010"}],"wp:attachment":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media?parent=7449"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}