将多个 Vimeo 视频加载到 SharePoint 2013 页面中，导致 Safari 浏览器出现问题

Question

我正在使用以下代码（在 .js 文件中）将多个视频加载到 SharePoint 2013 中的发布页面...

function vimeo() {

var mtarget = $('.vimeo.training');
if (mtarget.length) {

$.getJSON('//www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('//vimeo.com/mvideo01?color=ffcd00&title=0&byline=0&portrait=0') + '&width=640&callback=?', function(data){
        mtarget.prepend(data.html);
});

$.getJSON('//www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('//vimeo.com/mvideo02?color=ffcd00&title=0&byline=0&portrait=0') + '&width=640&callback=?', function(data){
        mtarget.prepend(data.html);
});

$.getJSON('//www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('//vimeo.com/mvideo03?color=ffcd00&title=0&byline=0&portrait=0') + '&width=640&callback=?', function(data){
        mtarget.prepend(data.html);
});



}
//*/
}


$(window).load(function() {
vimeo();
});

在 IE、Chrome 和 FireFox 中，所有视频都可以正常加载/堆栈...但在 ipad - Safari 浏览器上，iframe 中断，您只能看到第一个视频。这是 Safari 浏览器的 Vimeo 问题吗？

感谢您的建议！

更新

感谢 Ryan 帮助我认识到 SharePoint 2013 网站页面 处理多个 Vimeo 视频的处理比 SharePoint 发布 页面要好得多，尤其是在您关心 Safari 的情况下。

所以问题不在于 Vimeo，而在于您在 SharePoint 2013 中创建的页面类型。

Answer 1

我刚刚制作了一个快速测试页面，使用了您的代码，一切似乎对我来说都很好。

http://labs.ryanhefner.com/tests/ipad-oembed/

我不确定您是否只是将这些用作示例，但我所做的只是将“mvideo01”、“mvideo02”和“mvideo03”更改为有效的clip_id（例如 2）以及所有内容在 iPad 2 上似乎对我来说很好。

如果您在更改 mvideo0X 后仍然遇到问题，请告诉我。