Actualmente tengo un video de Vimeo agregado a mi sitio web a través de un código de inserción del final de Vimeo. No soy dueño de este video, así que no puedo modificarlo manualmente. Originalmente, quería pausar automáticamente el video en la marca de 1:50 para cualquiera que use mi sitio y vea el video. Con la ayuda de un usuario maravilloso en este hilo , tengo un script de trabajo que hace precisamente eso. Pero ahora, me gustaría reflejar ese cambio en la interfaz de usuario del reproductor de video. Entonces, en lugar de que el video muestre "6:34" como la duración del video, quiero que la interfaz de usuario del video muestre que el final del video es 1:50 (110 segundos como se muestra en la secuencia de comandos a continuación).
Aquí está el HTML del código de inserción del video:
<iframe id="vidz" src="https://player.vimeo.com/video/401649410?h=11d74aa27c&portrait=0" width="450" height="253" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen=""></iframe>Y aquí está el script antes mencionado:
<script src="https://player.vimeo.com/api/player.js"></script> <script> var iframe = document.querySelector('iframe'); var player = new Vimeo.Player(iframe); function foo() { player.getCurrentTime().then(function(time) { console.log('time:', time); if(time >= 110){ player.pause() } }); setTimeout(foo, 1000); } player.on('play', function() { foo(); }); </script>¿Hay alguna manera de manipular la IU/línea de tiempo del reproductor de video para reflejar una nueva hora de finalización de 1:50?