javascript - 检查 Vimeo 视频是否在 iframe 内加载 - jquery

Question

我有一个表单，用户可以在其中输入来自 Vimeo 的视频 ID，然后在该页面中预览 iframe 中的视频。

如何检查视频是否已找到？

加载iframe的JS是:

    $(document).on('change', '#video', function(event) {
        removeErrorHighlight('#video');
        if (this.value == '') {
            $('#vimeo_preview').empty();
        } else {
            if (! $('#vimeo_preview').is(':empty')) {
                $('#vimeo_preview').empty();
            }
            $('#vimeo_preview').append('<iframe id="iframeVimeo" src="https://player.vimeo.com/video/' + this.value + '" width="100%" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
        }
    });

我尝试了多种方法来读取 iFrame 的内容，但 Chrome 始终阻止“跨域”iframe 访问。

Answer 1

如果视频来自不同的域，您将无法判断视频本身是否加载。这是由于same origin policy .