将多个 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 中，所有视频 load/stack 都很好...但是在 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 后继续运行遇到问题，请告诉我。

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

Loading multiple Vimeo videos into SharePoint 2013 pages, causes issues in Safari browsers

jquery

vimeo

vimeo-api