2

我正在使用 swfObject 在网站上嵌入 Youtube 视频，因此我可以使用 Youtube Player API 对其进行操作。但是，我正在用 Coffeescript 重写网站，并被困在这个问题上。

这是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 不是函数
return ytplayer.playVideo();

4

1 回答 1

3

这很可能是因为在您尝试播放 YouTube 视频之前 YouTube 播放器尚未完成加载。

尝试这个：

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

这会将您的代码放入YouTube 用来通知您播放器已准备就绪的onYouTubePlayerReady 回调中。

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

于 2012-02-06T20:40:00.697 回答