Mi escenario : al ingresar un valor en el contador de fotogramas y presionar la tecla de retorno, el video debería reproducirse en el intervalo mencionado.

¿Cómo puedo replicar esto en la consola del navegador usando el selector JS? A continuación se muestra el html copiado del contador de cuadros de entrada.

Nota : soy un principiante en WebDev y stackoverflow. Disculpe amablemente si la pregunta no está enmarcada correctamente.

 <div> <ap-timeline-time-input data-timeline-child="true" value="200"></ap-timeline-time-input> <!--?lit$5695349277$--> </div> <ap-timeline-time-input data-timeline-child="true" value="200"></ap-timeline-time-input> shadow-root (open) <form class="time-input-edit hidden"> <!-- input attribute "size" here is a fix for browser default width of the input element making the component width jumpy between edit and view mode --> <input size="1" value="200"> <span class="error"><!--?lit$5695349277$--></span> </form>

Lo que probé : al usar la ruta js a continuación del campo de entrada, puedo ingresar el valor que se refleja en el campo. Sin embargo, el video no salta al cuadro al nuevo valor. solo si hago clic en cualquier parte del campo, funciona como se esperaba.

 document.querySelector("body > app-root > app-qc-route > app-qc > div > app-workspace-outlet > app-workspace-split-layout > ap-split-pane > div:nth-child(2) > app-workspace-outlet > app-workspace-timeline-panel > div > div.timeline.mono-mix-padding-right > app-qc-timeline > app-timeline-base > ap-timeline-basic").shadowRoot.querySelector("ap-timeline > ap-timeline-row.alternate-background.timestamps.overflow-hack-right > span > div > ap-timeline-time-input").value="900"