CoffeeScript - 等效JS代码无法播放嵌入式Youtube视频

问题描述：

我在使用swfObject的网站上嵌入Youtube视频，所以我可以使用Youtube Player API来操纵它。但是，我正在重写Coffeescript网站，并且陷入了这个问题。CoffeeScript - 等效JS代码无法播放嵌入式Youtube视频

下面是HTML：

<html> 
<head> 

<meta charset="UTF-8"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="js/swfobject.js">//embedding youtube videos</script> 
    <script type="text/javascript" src="coffee/test.js"></script> 

</head> 

<body> 
<div id="ytplayer"> 
    <p>You will need Flash 8 or better to view this content.</p> 
</div> 
</body> 
<script type="text/javascript"> 
     var params = { allowScriptAccess: "always" }; 
     swfobject.embedSWF("http://www.youtube.com/v/yeClJneSNXA&enablejsapi=1&playerapiid=ytplayer", "ytplayer", "425", "365", "8", null, null, params); 
</script> 
</html>

下面的代码工作：

ytplayer = document.getElementById('ytplayer'); 
ytplayer.playVideo();

然而，当量（我认为）的CoffeeScript代码不：

ytplayer = document.getElementById("ytplayer") 
ytplayer.playVideo()

哪个编译到以下JS：

(function() { 
    var ytplayer; 

    ytplayer = document.getElementById("ytplayer"); 

    ytplayer.playVideo(); 

}).call(this);

它给了我下面的错误在Firebug：

ytplayer.playVideo is not a function
return ytplayer.playVideo();

是的代码是等效的。你如何包括你的咖啡脚本？预编译，还是通过内联编译器？ – TimWolla 2012-02-06 19:35:22

我在终端上编译它并链接到js。编辑上面的HTML来显示包含。 – CHawk 2012-02-06 19:51:13

你看过编译后的输出了吗？ – TimWolla 2012-02-06 19:54:48

答

这很可能是因为您尝试播放YouTube的视频前的YouTube播放器还没有完成加载。

试试这个：

window.onYouTubePlayerReady = (playerid) -> 
    ytplayer = document.getElementById(playerid) 
    ytplayer.playVideo()

这使你的代码在YouTube使用，让你知道玩家准备了onYouTubePlayerReady callback。

我假设JS代码工作，因为你在Firebug里面运行它？如果是这样，那将是有道理的，因为当您将该命令输入到控制台时，YouTube播放器很可能会被加载。

CoffeeScript - 等效JS代码无法播放嵌入式Youtube视频

相关推荐