Con el video de YouTube incrustado, cree un enlace que salte a un tiempo específico

En WordPress, estoy tratando de incrustar un video de YouTube, luego incluyo enlaces que saltan a momentos específicos en ese video. Entonces, si quiero saltar a las 2:00, puedo crear un enlace que salte a ese punto en el video incrustado.

Encontré una pregunta similar de hace unos años, pero creo que la API de YouTube ha cambiado. No puedo encontrar ningún complemento que pueda hacer esto, así que quiero hacerlo por mi cuenta si es posible.

¿Sugerencias?

Editar: Aquí está el código que he encontrado hasta ahora. Sin embargo, el único problema es que si el video aún no se ha reproducido, entonces seekTo parece tomar mucho tiempo. No estoy seguro de si debo responder al evento onReady u otro.

add_action( 'wp_enqueue_scripts', 'register_yt_frameapi' );

function register_yt_frameapi() {
    wp_register_script( 'frameapi', 'https://www.youtube.com/iframe_api', array(), '1.0.0', true );
}

add_shortcode('ytlink', 'ytlink');
function ytlink($atts, $content = null)
{
    wp_enqueue_script('frameapi');

    $id = $atts['id'];
    $time = $atts['time'];
    $timeParts = explode(':', $time);
    $seconds = 0;
    for ($i = 0; count($timeParts); $i++)
    {
        $seconds += array_pop($timeParts) * 60 * $i;
    }

    return '<a href="https://stackoverflow.com/questions/42060604/javascript:void(0);" ' .
    'onclick="var player = new YT.Player(\''.$id.'\', {events: {onReady: function () {player.seekTo('.$seconds.', true);}}});">'.
    ($content ?? $time) . '</a>';
}

Bien, finalmente lo entendí. Publicaré mi solución aquí en caso de que alguien más tenga la misma pregunta. No sé si puede haber una mejor manera de hacer esto, pero esta es la mejor que encontré.

JavaScript:

var player;
var ytSeconds = 0;

jQuery(document).ready(function ()
    {
    player = new YT.Player('yt-embed', {events: {
      'onStateChange': onPlayerStateChange
      }
      });
    });

function onPlayerStateChange(e)
{
  if (e.data == 1 && ytSeconds > 0) {
    e.target.seekTo(ytSeconds);
    ytSeconds = 0;
  }
}

function seekTo(seconds)
{
  if (player.getPlayerState() == 1) {
    player.seekTo(seconds);
  }
  else {
    ytSeconds = seconds;
    player.playVideo();
  }
}

Entonces los enlaces se ven así:

<a href="#" onclick="seekTo(120);">02:00</a>

Puede usar el código de inserción de esta manera. Usa ?start=100&end=250

<iframe width="560" height="315" src="https://www.youtube.com/embed/N8VCzpXJZvM?start=100&end=250&autoplay=1" frameborder="0" allowfullscreen></iframe>

Hay buenos ejemplares.

https://12starsmedia.com/blog/embed-youtube-video-specific-start-time
http://www.youtubestartend.com/

Puede usar ?start= para definir puntos de inicio