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

时间:2015-02-19 18:10:56

标签: jquery vimeo vimeo-api

我正在使用以下代码(在.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中创建的页面类型。

1 个答案:

答案 0 :(得分:1)

我刚刚制作了一个快速测试页面,使用了你的代码,一切似乎都适合我。

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

我不确定你是否只是以这些为例,但我所做的只是将'mvideo01','mvideo02'和'mvideo03'改为有效的clip_id(例2)在iPad 2上,一切似乎都适合我。

如果您在更改mvideo0X后继续遇到问题,请告诉我。