通过 seekTo() 链接到 youtube 视频中的特定时间；答案

【问题标题】：Link to specific time in a youtube video via seekTo();通过 seekTo() 链接到 youtube 视频中的特定时间；
【发布时间】：2014-12-24 20:17:09
【问题描述】：

我正在尝试获取类似于 youtube 视频的索引页面的内容，以便提供指向视频特定时间的链接。我尝试按照Links to Specific Times in YouTube iframe embed 中的说明进行操作，但不知何故它似乎不起作用。这是我的代码：

<script>
    var tag = document.createElement('script');
    tag.src = "//www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('video', { events: {'onReady': onPlayerReady}});
    }

    function playerSeekTo(seconds) {
        player.seekTo(seconds);
    }
</script>

HTML：

<iframe src="https://www.youtube.com/embed/FKWwdQu6_ok?enablejsapi=1" frameborder="0" allowfullscreen id="video">
</iframe>

<a href="#" onclick="playerSeekTo(70); return false;">Link to 1 minutes 10 seconds</a>
<a href="#" onclick="playerSeekTo(90); return false;">Link to 1 minutes 30seconds</a>
<a href="#" onclick="playerSeekTo(110); return false;">Link to 1 minutes 50 seconds</a>

【问题讨论】：

标签： youtube youtube-api youtube-javascript-api jsapi

【解决方案1】：

我遇到了三个问题：

第一

tag.src = "//www.youtube.com/player_api";

导致错误。应该是

tag.src = "http://www.youtube.com/player_api";

第二次

player = new YT.Player('video', { events: {'onReady': onPlayerReady}});

显然，onPlayerReady 没有定义。当您删除此部分时，它会正常工作。你想用这个实现什么？

player = new YT.Player('video');

（第 3 次）

对我来说，您嵌入的视频不可用。当我嵌入另一个视频（例如 Im69kzhpR3I）时，一切正常。

【讨论】：