将在线Youtube API javascript代码移动到单独的文件中

Question

我有jsfiddle。

当我将脚本从上面板移动到下面板时，它不再起作用。 为什么我不能使用jQuery来定位按钮？现在，我必须使用vanilla JavaScript，因为jQuery不起作用。

有什么想法吗？

Answer 1

在JSFiddle的左侧面板 ^screenshot 中，您可以选择放置脚本的位置。默认情况下，它包含在头部内的onload事件中。默认情况下，已加载Mootools库。

YouTube Player API无法使用默认设置的原因是API需要定义全局 onYouTubePlayerAPIReady事件。当代码包含在onload事件中时，该函数不再是全局函数。

解决方案是正确使用JSFiddle：使用no wrap (body)和jQuery 1.7.2：http://jsfiddle.net/4WPmY/12/。

另一个解决方案，虽然不如推荐的解决方案好，但是通过将其设置为onYouTubePlayerAPIReady的属性来全局定义window：http://jsfiddle.net/4WPmY/13/

window.onYouTubePlayerAPIReady = function () {

Answer 2

在jsFiddle的左侧窗格中，在标题为“Choose Framework”的部分中，您需要将第一个设置更改为no wrap (body)，以便在加载DOM后运行JS面板。如果您想使用该库，还应将第二个选项更改为jQuery 1.7.2。

你的小提琴，更新： http://jsfiddle.net/Marcel/4WPmY/11/