无法创建YT.players列表

时间:2019-01-25 16:31:21

标签: javascript iframe youtube-iframe-api

我目前有一个包含多个YT.players的页面,所有页面都必须使用相同的Event回调。我似乎遇到了一个问题,那就是只有第一个YT.player,我可以在其中使用诸如以下命令的控制台暂停和播放视频 window.player["id"].pauseVideo() 在其他地方,我必须在“子变量”中执行此操作 window.player["id"].j.pauseVideo()

我以某种方式得出的结论是,我存储它们的方式可能是错误的,所以现在我从头开始尝试一下

https://jsfiddle.net/anita_SO/tagq4nvc/

我在这个JSfiddle中试图触发onYouTubeIframeAPIReady() 当有人点击<div id = playerwrap></div>中的内容时 onYouTubeIframeAPIReady()应该被调用,在网站上创建所有的YT.players,但是由于某种原因,这是行不通的,不幸的是,当我开始播放视频时,我没有收到任何警报消息吗?

1 个答案:

答案 0 :(得分:0)

我认为这不是module: { rules: [ ..... { test: /\.css$/, exclude: /node_modules/, use: ['style-loader', 'css-loader'] } ] }, 函数的工作方式。

documentation中说:

  • onYouTubeIframeAPIReady 页面下载完播放器API的JavaScript后,API将调用此函数,从而使您可以使用该API在您的页面上。因此,此功能可能会创建要在页面加载时显示的播放器对象

而且-在您的代码中-您直接将值设置为onYouTubeIframeAPIReady,但是文档将配置应用于单个iframes元素。

这里有一个jsfiddle,您可以使用YouTube Player API尝试加载多个iframe。

如果检查我发布的jsfiddle并检查浏览器的控制台(F12开发人员工具),您会看到YouTube iframe仅加载了一个div,而第二个div没有加载