Question

在Wordpress上，我正在尝试嵌入YouTube视频，然后包含跳转到该视频中特定时间的链接。因此，如果我想跳到2:00，我可以创建一个跳转到嵌入视频中该点的链接。

我在几年前发现了一个类似的问题，但我相信YouTube API已经发生了变化。我找不到任何可以做到这一点的插件，所以如果可能的话，我想自己做。

建议？

编辑：这是我到目前为止提出的代码。但是，唯一的问题是如果视频尚未播放，那么seekTo似乎需要很长时间。我不确定我是否应该响应onReady事件或其他事件。

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="javascript:void(0);" ' .
    'onclick="var player = new YT.Player(\''.$id.'\', {events: {onReady: function () {player.seekTo('.$seconds.', true);}}});">'.
    ($content ?? $time) . '</a>';
}

Answer 1

好的，我终于搞清楚了。我会在这里发布我的解决方案，以防其他人有同样的问题。我不知道是否有更好的方法可以做到这一点，但这是我发现的最好的。

使用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();
  }
}

然后链接看起来像：

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

Answer 2

有很好的样本。

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

您可以使用？start =来定义起点

Answer 3

您可以使用这样的嵌入代码。使用？start = 100＆amp; end = 250

webView

使用嵌入式YouTube视频，创建跳转到特定时间的链接

3 个答案: