javascript - Youtube iframe api 检查视频是否存在

Question

我在一个简单的页面上工作，它有一个文本输入，用户可以在其中添加他们想要插入页面的 youtube 视频的 ID，然后我调用 youtube 的 iframe api 来加载视频。但是，如果用户添加了一个不存在的 ID，我会出现黑屏。

我希望有人知道在加载视频之前检查视频是否存在的方法。

这是我的代码:

$(document).ready(function() {
  $('#loadVid').click(function() {
     var player;
     var urlVid = $('#urlVid').val(); //GET THE VIDEO CODE FROM THE TEXT INPUT

     player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: urlVid,
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
     });
  });
});

Answer 1

根据documentation onError 应该给你这样的信息

100 – The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.

将 onError 事件处理程序添加到事件对象

events: {
  'onReady': onPlayerReady,
  'onStateChange': onPlayerStateChange,
  'onError': function(errEvent) {
      var errCode = errEvent.data;
      if(errCode == 100) {
          alert('Video Not Found');
      }
  }
}