时间戳

首页 > 解决方案 > YouTube Iframe API onError 事件在最近几个月没有触发

javascript - YouTube Iframe API onError 事件在最近几个月没有触发

问题描述

我很确定 YouTube Iframe API“onError”事件会在过去触发，因为我运行了一个基于此 API 的项目。但是最近“onError”事件不会触发，即使是最简单的错误。

这是一个基于官方页面（https://developers.google.com/youtube/iframe_api_reference）的简单示例代码，并且是可行的：

<iframe id="existing-iframe-example"
        width="640" height="360"
        src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1"
        frameborder="0"
        style="border: solid 4px #37474F"
></iframe>

<script type="text/javascript">
  var tag = document.createElement('script');
  tag.id = 'iframe-demo';
  tag.src = 'https://www.youtube.com/iframe_api';
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('existing-iframe-example', {
        events: {
          'onReady': onPlayerReady,
          'onStateChange': onPlayerStateChange,
          'onError': onError
        }
    });
  }
  function onError(event) {
    console.log(event.data)
  }
  
  function onPlayerReady(event) {
    
  }

  function onPlayerStateChange(event) {
    console.log(event.data);
  }
</script>

一旦将视频 id 字符串“M7lc1UVf-VE”更改为错误的，例如“M7lc1UVf”，它应该触发“onError”事件，但现在不会。

根据官方页面指南：https ://developers.google.com/youtube/players/support →“谷歌工程师使用youtube-iframe-api标签监控和回答问题”，希望谷歌工程师能看到这个帖子并修复“ onError”问题。

标签： javascriptyoutube-iframe-api

解决方案

我找到了解决方法。我发现，至少在我的情况下，onError回调不会在初始加载时触发（在最需要的时候！），但会在播放器的其余部分完全加载后触发。

如果您绝对需要该onError事件起作用，您可以在加载的播放器中重新加载视频。从对象中删除autoplay参数playerParams——这会导致 hack 失败。添加loadByVideoId（用于自动播放）或cueByVideoId使用相同的视频 ID 到onReady回调。

这将重新加载当前视频，并在onError需要时触发回调。否则，几乎没有明显的效果——除了视频在播放前被短暂提示（如果autoplay预期）。

如果您想了解更多信息，请告诉我——希望对您有所帮助！

编辑：

推荐阅读