程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了YouTube IFrame 播放器无法正确执行cuePlayList大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决YouTube IFrame 播放器无法正确执行cuePlayList?

开发过程中遇到YouTube IFrame 播放器无法正确执行cuePlayList的问题如何解决?下面主要结合日常开发的经验,给出你关于YouTube IFrame 播放器无法正确执行cuePlayList的解决方法建议,希望对你解决YouTube IFrame 播放器无法正确执行cuePlayList有所启发或帮助;

我有一个网站,在那里我在 iframe 中创建了一个 YouTube 播放器,并根据用户点击的内容抓取不同的播放列表。所以它调用 player.cuePlayList({ListType:"playList",List:playListID}) 其中 playListID 是当用户调用不同的播放列表时会发生变化的变量。问题是该函数第一次执行时它工作正常,但是一旦第二次要求它提示新的播放列表,它就什么也不做,也没有 400 错误消息或任何东西,但是当我调用第二个时播放列表@H_301_5@第二次,它起作用了。

这个cuePlayList 函数似乎被窃听了,因为这不是在一两个月前发生的。我能看到的对 youtube iframe API 的唯一更改是关于搜索列表,而不是您可以阅读的播放列表here

我在此 jsfiddle 中重新创建了错误。只需按下“新播放列表”按钮,它就会加载正确的播放列表,按下另一个播放列表,直到按下两次它才会执行任何操作。

所以我做错了什么还是在 YouTube 的 iframe API 端?

提前致谢!

解决方法

@H_772_18@

不是破坏播放器,这意味着您不能再使用 cuePlaylist()loadPlaylist(),我发现如果您像这样调用提示/加载函数两次,播放器会接受新的播放列表:{ {3}}

我通过将 cuePlaylist() 函数链接到一个按钮并注意到您需要单击两次才能正确更新播放列表,从而发现了这个问题。空调用和实际调用之间似乎需要延迟,因此我将其设置为 500 毫秒。

,

我通过销毁播放器并使用我想要加载的播放列表初始化一个新播放器来实现一种解决方法。

    embed.destroy();
    embed = new YT.Player('video-placeholder',{
        width: 600,height: 400,playerVars:
            {
                listType: 'playlist',list: playlistId,index: 0
            },events: {
            'onReady': function (event) {
                player = event.target;
            }
        }
    });

大佬总结

以上是大佬教程为你收集整理的YouTube IFrame 播放器无法正确执行cuePlayList全部内容,希望文章能够帮你解决YouTube IFrame 播放器无法正确执行cuePlayList所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:YouTube