youtube onStateChange事件不起作用

youtube onStateChange event is not working

本文关键字：不起作用 事件 onStateChange youtube      更新时间：2023-09-26

我已经为此头疼了一段时间，需要一些新的眼睛：

当嵌入的视频状态发生变化时，我正在尝试使用youtube JS api来调用一个函数。但由于某种原因，事件似乎正在启动，我在控制台中没有收到任何错误。

HTML:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="350" id="bannerVideo">
    <param name="movie" value="http://www.youtube.com/v/6Yfd1uGYgk8?enablejsapi=1&version=3&playerapiid=ytplayer" />
    <param name="allowfullscreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/6Yfd1uGYgk8?enablejsapi=1&version=3&playerapiid=ytplayer" width="630" height="350">
        <param name="allowfullscreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        <!--<![endif]-->
        <a href="http://www.adobe.com/go/getflashplayer">
            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
        <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
</object>

Javascript：

function onYouTubePlayerReady(playerId) {
    //alert(playerId);
    ytplayer = document.getElementById("bannerVideo");
    //alert(2);
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    //alert(3);
    //ytplayer.addEventListener("click", function(){alert('click');});
}
function onytplayerStateChange(newState) {
    alert("Player's new state: " + newState);
}

示例站点：http://dev.stewartknapman.com/ytPlayer/

我使用的代码是直接复制的&从youtubeapi站点粘贴，我使用swf对象嵌入代码。我使用静态嵌入，因为我将用php更改一些内容，但这不重要。。。正确的我把所有的代码都移到了它自己的文件中，只是为了测试，它托管在我的开发服务器上，所以它不应该是一个沙箱问题。我还尝试在每一行之后发出警报，以确保addEventListener函数没有失败。（我在示例代码中留下了警报，但将其注释掉了。）

在搜索了以前关于这个错误的帖子后，我发现它们都是通过将ID添加到正确的元素或将回调函数解析为字符串来解决的。所以我反复检查这些东西，但这似乎不是问题所在。

如有任何帮助，我们将不胜感激。

您是否尝试过使用SWFObject方法初始化闪存嵌入（如YouTube API中所述）？

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer&version=3",
                   "ytapiplayer", "425", "356", "8", null, null, params, atts);

用上面的替换您的标签，并将其配置为您的设置。

相关文章：