加载后，为什么YouTube iframe播放器不调用onYouTubePlayerReady? [英] Why isn't the YouTube iframe player calling onYouTubePlayerReady when it's loaded?

问题描述

我想加载YouTube视频，然后立即将其静音，播放，暂停和取消静音.为此，我希望向用户展示一个视频，该视频上没有大的播放按钮，并且底部有控件.为此，我有以下代码:

I want to load a YouTube video, then mute, play, pause, and unmute it immediately. In doing this, I hope to present the user with a video that doesn't have a big play button on it, and does have the controls on the bottom. In order to do this, I have the following code:

<script type="text/javascript">
function onYouTubePlayerReady(playerid)
{
    mutePlayPauseUnmute(playerid);
}
function onYouTubePlayerAPIReady(playerid)
{
    mutePlayPauseUnmute(playerid);
}
function onYouTubeIframeAPIReady(playerid)
{
    mutePlayPauseUnmute(playerid)
}
function onPlayerReady(playerid)
{
    mutePlayPauseUnmute(playerid)
}

function mutePlayPauseUnmute(playerid)
{
    var player = document.getElementById(playerid);
    player.mute();
    player.playVideo();
    player.pauseVideo();
    player.unMute();
}
</script>
<iframe id="quotedVideo1" type="text/html" width="246" height="160" src="https://www.youtube.com/embed/NWHfY_lvKIQ?modestbranding=1&rel=0&showinfo=0&autohide=1&iv_load_policy=3&theme=light&enablejsapi=1&playerapiid=quotedVideo1" frameborder="0"> <!-- Magic Comment --> </iframe>

但是，经检查， onYouTubePlayerReady ， onYouTubePlayerAPIReady ， onYouTubeIframeAPIReady ， onPlayerReady 和 mutePlayPauseUnmute都没有曾经被调用过.我做错了什么?根据 https://developers.google.com/youtube/js_api_reference#onYouTubePlayerReady 看起来应该可以，但不能.

However, upon inspection, neither onYouTubePlayerReady, onYouTubePlayerAPIReady, onYouTubeIframeAPIReady, onPlayerReady, nor mutePlayPauseUnmute is ever called. What have I done wrong? According to https://developers.google.com/youtube/js_api_reference#onYouTubePlayerReady it looks like it should work, but it doesn't.

推荐答案

您在这里混淆了两个不同的播放器API.

You're confusing two different player APIs here.

您要使用 iframe播放器吗?如果是这样，您将要查看: https://developers.google.com/youtube/iframe_api_reference .

Do you want to use the iframe player? If so, you'll want to look at: https://developers.google.com/youtube/iframe_api_reference.

您要定义以下方法，而不是定义 onYouTubePlayerReady : onYouTubeIframeAPIReady ，创建播放器，然后分配一个 onPlayerReady 回调.

Instead of defining onYouTubePlayerReady, you'll want to define the following method: onYouTubeIframeAPIReady, create your player, and then assign an onPlayerReady callback.

确保您要包含iframe播放器API的JavaScript，以便调用 onYouTubeIframeAPIReady :

Make sure you're including the JavaScript for the iframe player API, in order for onYouTubeIframeAPIReady to be called:

var tag = document.createElement('script');
tag.src = o.protocol + "://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

---

值得一提的是文档，因为您是在编写iframe而不是使用JavaScript来完成该任务:

---

Worth noting from the doc, since you're writing the iframe instead of using JavaScript to do that for you:

如果您确实编写了标记，则在构造YT.Player对象，则无需指定width和高度，指定为标签的属性，或videoId和播放器参数，在src URL中指定.

If you do write the tag, then when you construct the YT.Player object, you do not need to specify values for the width and height, which are specified as attributes of the tag, or the videoId and player parameters, which are are specified in the src URL.

此外，在您的MutatePlayPauseUnmute函数中..

Also, in your mutePlayPauseUnmute function..

playerid.mute();
playerid.playVideo();
playerid.pauseVideo();
playerid.unMute();

您将要触发 player 上的实际方法，而不是如上所述的 playerid .

You'll want to trigger the actual the methods on the player as opposed to the playerid as described above.

这篇关于加载后，为什么YouTube iframe播放器不调用onYouTubePlayerReady?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！