javascript - 你如何确保 Vimeo 视频存在？

Question

因此，我试图仅在 Vimeo 视频存在时才显示它。我正在使用新的 JavaScript API。

根据他们的 documentation , error 事件应该在视频加载时遇到错误时触发。我相信，添加错误的 Vimeo 视频 URL 也应该会触发 error 事件。

这就是我为使 error 事件起作用而做的:

<iframe id="vimeo-player1" src="https://player.vimeo.com/video/13333693532?autoplay=0&amp;background=1" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>

方法一

player = new Vimeo.Player($('#vimeo-player1'));

player.on('error', function() {
    console.log('Error in loading video');
});

方法二

player = new Vimeo.Player($('#vimeo-player1'));

player.loadVideo().then(function(id) {
    console.log('loaded');
}).catch(function(error) {
    console.error(error);
});

他们都没有工作。它从未执行错误 block 。

一些附加信息(帮助您赢得赏金):

• 需要客户端解决方案(我无权访问门户的服务器端)
• 视频由第三方用户托管

Answer 1

我发现最简单的方法是使用 oEmbed 开放标准调用 Vimeo API:

function checkIfVideoExists(url, callback){
    $.ajax({
        type:'GET',
        url: 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(url),
        dataType: 'json',
        complete: function(xhr) {
            callback(xhr.status);
        } 
    });
}

checkIfVideoExists("https://vimeo.com/217775903", function(status){
    console.log(status); // 200 - OK
});

checkIfVideoExists("https://vimeo.com/234242343", function(status){
    console.log(status); // 404 - Not found
});

Live example在 jsFiddle 上。