我正在使用以下代码(在.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中创建的页面类型。
答案 0 :(得分:1)
我刚刚制作了一个快速测试页面,使用了你的代码,一切似乎都适合我。
http://labs.ryanhefner.com/tests/ipad-oembed/
我不确定你是否只是以这些为例,但我所做的只是将'mvideo01','mvideo02'和'mvideo03'改为有效的clip_id
(例2)在iPad 2上,一切似乎都适合我。
如果您在更改mvideo0X后继续遇到问题,请告诉我。