YouTube iFrame API.seekTo(）不是一个方法

YouTube iFrame API .seekTo() not a method?

本文关键字：一个 方法 seekTo iFrame YouTube API      更新时间：2023-09-26

我知道.seekTo（）在Javascript API中工作，但我无法让它与iFrameAPI一起工作。是否支持此方法？下面的代码成功地嵌入了视频，并成功地控制了播放器对象。我在控制台中收到错误"player.seekTo不是函数"。

    <script>
        var tag = document.createElement('script');
        tag.src = "http://www.youtube.com/player_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
                height: '390',
                width: '640',
                videoId: 'u1zgFlCw8Aw'
            });
        }
        $(window).load(function(){
            jQuery('#test').click(function(){
                //console.log('test');
                console.log(player);
                player.seekTo(25);
                return false;
            });
        });
    </script>
    <a href="#" id="test">Test</a>

有什么想法吗？谢谢

这里有一个更新的jsfiddle，它使用了新的iframe api来工作

仅供参考：如果你只是使用iframe纯HTML嵌入，你可以将?start=30作为的开始时间

<iframe width="640" height="390" 
        src="//www.youtube.com/embed/p2H5YVfZVFw?start=30" 
        frameborder="0" allowfullscreen></iframe>

对于API，您可以在这样的特定时间启动视频。使用start参数

function onYouTubePlayerAPIReady() {
     player = new YT.Player('player', {
       height: '390',
       width: '640',
       videoId: 'p2H5YVfZVFw',
         playerVars: { 'start': 159, 'autoplay': 1, 'controls': 1 },
       events: {
         'onReady': onPlayerReady,
         'onStateChange': onPlayerStateChange,
       }
     });

您只能在玩家开始玩游戏或它什么都不做后才能调用seekTo。检查playerStateChange回调：

onStateChange': onPlayerStateChange

添加此回调函数

function onPlayerStateChange(evt) 
{       
    if (evt.data==1) 
    {
        // this will seek to a certain point when video starts
        // but you're better off using 'start' parameter
        // player.seekTo(22);   
    }
}

jsFiddle在底部有按钮，可以搜索到30、60、90秒。它已经在所有与"rome"押韵的浏览器中进行了测试。当它打开时，会为player.seekTo函数类型显示一个警告框。如果这显示"未定义"，那么您就有问题了。

这可以按预期工作：http://jsfiddle.net/JbwY4/（FF 11，铬17）。

确保满足以下条件：

  1. 定义了一个ID为player的容器：<div id="player"></div>
  2. 代码是而不是延迟的。Ie，不在onload事件、$(document).ready、setTimeout等内。否则，IFrame API加载失败，代码将无法工作
  3. jQuery已加载

seekTo()方法仅在onReady事件之后可用。

下面是一个在100秒开始播放的例子：

http://jsfiddle.net/9RQK3/

我相信并不是所有的javascript方法都已经在iframe api上实现了，因为它是实验性的，所以如果你尝试了它，但它失败了，我猜不会。然而，我还没有详细使用iframe api。

相关文章：