Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/losyoguis/149tresbandas/llms.txt

Use this file to discover all available pages before exploring further.

The Entrenador de Carambola Guiada includes a full video tutorial covering all 148 active plays. The video modal is tightly integrated with the play selector — when you open the tutorial for play 037, it automatically seeks to the moment that play is introduced, so you spend zero time scrubbing for the right section.

​
Opening the Video

Click Videotutorial in the practice controls row (just to the right of the play selector dropdown). The modal opens immediately and begins loading the video at the correct timestamp for the currently selected play. Inside the modal you can also navigate directly between plays using the Anterior and Siguiente buttons — the video will seek to each play’s timestamp as you step through the sequence. Close the modal with the × button in the top-right corner, the Cerrar button at the bottom, the Escape key, or by clicking anywhere outside the modal panel.

​
Platform-Adaptive Video Source

The app detects the device type and loads the appropriate video source:
PlatformSourceIdentifier
Desktop / LaptopGoogle Drive iframe1JCC4aoJQ8q_wCdvEyT5iBR3wzx2HoEah
Mobile (Android / iOS)YouTube embedyHSlryjw8z0
The <iframe> element in index.html carries both identifiers and the app chooses at runtime:
index.html
<iframe
  id="videoFrame"
  data-drive-file-id="1JCC4aoJQ8q_wCdvEyT5iBR3wzx2HoEah"
  data-drive-src="https://drive.google.com/file/d/1JCC4aoJQ8q_wCdvEyT5iBR3wzx2HoEah/preview"
  data-youtube-id="yHSlryjw8z0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; fullscreen;
         gyroscope; picture-in-picture; web-share"
  allowfullscreen
></iframe>
On mobile, the YouTube embed renders at a controlled 16:9 ratio with dvh height units and safe-area insets for notched browsers. The Drive source is used on desktop because it embeds reliably inside Google Sites iframes without authentication prompts.

​
Timestamp Data

Each of the 148 plays has two timestamps stored in the app:
  • posicion — the moment the initial ball placement is shown on screen
  • recorrido — the moment the route is demonstrated by the player
When the video modal opens, the player seeks to the posicion timestamp so you see the setup first, then the execution. Here are the entries for the first five plays: 
// Video timings — plays 001–005
"001": { "posicion": "0:33",  "recorrido": "1:13" },
"002": { "posicion": "1:15",  "recorrido": "2:14" },
"003": { "posicion": "2:16",  "recorrido": "3:13" },
"004": { "posicion": "3:15",  "recorrido": "4:19" },
"005": { "posicion": "4:21",  "recorrido": "5:15" }
A small number of plays (115, 127, 132, 134, 135, 136, 140, 147, and 149) use special synchronisation offsets because their video segments are structured differently from the standard layout.

​
Reference Images Panel

The modal includes a side panel (Imágenes de referencia de la jugada) that displays the reference images for the current play alongside the video:
  • posicion_inicial_NNN.webp — the starting ball layout
  • recorrido_guia_NNN.webp — the route overlay (the source of the green master guide)
On desktop, both the video and the images panel are shown side by side. On mobile, the images are shown within the modal alongside the video so you can study position and route before returning to the table.
Google Drive does not support JavaScript-controlled time-seeking via the iframe API. When the Drive source is used (desktop), the video opens at the beginning of the file — you will need to scrub manually to the play’s timestamp. On mobile, YouTube supports direct &start= parameter injection, so the video jumps directly to the correct second. Use YouTube (mobile) for the best timestamp-access experience.
Watch the video with the reference images panel open. Compare the posicion_inicial image against the ball positions on the table before pressing Efecto to arm the play. Visual memory of the exact layout — not just the route — is what separates clean setups from misaligned attempts.

Build docs developers (and LLMs) love

Get started for freeTalk to us