检查 iframe 内是不是加载了 Vimeo 视频 - jquery

Posted 2023-05-09

【中文标题】检查 iframe 内是不是加载了 Vimeo 视频 - jquery

【英文标题】：Check if Vimeo video loads inside iframe - jquery检查 iframe 内是否加载了 Vimeo 视频 - jquery

【发布时间】：2017-06-07 11:52:15

【问题描述】：

我有一个表单，用户从 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 + '"   frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
        
    );

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

【参考方案1】：

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

【讨论】：

嗨@Brendan Long，我明白这一点。但是有没有办法搜索 iFrame 的内容来查看是否找到 404？

不，因为同源策略。您无权访问该内容。