jquery - Fancybox 在带有某些视频的新标签页中加载视频

Question

我有一个网站 (krelltech.com)，其主页上有精选视频。我之前使用的链接 ( http://krelltech.com/index2 ) 在 fancybox 中正确打开。我放了一个新视频（我无法控制托管新视频的网站），并在新标签中打开视频。有什么想法或建议吗？

Answer 1

您遇到的问题是，fancybox 媒体仅适用于特定的媒体流服务，如文档中所述：

• YouTube
• 维密欧
• 元咖啡厅
• 每日运动
• 微博
• 推特图片
• Instagram
• 谷歌地图

对于其他服务器（您无法控制），最好的办法是使用iframe类型模式打开 fancybox。

尝试为这些新视频添加新课程，例如

<a class="btn newVideo" role="button" href="http://anotherserver.com/anothervideoURL"...

并为他们编写一个特定的自定义脚本，例如

$(".newVideo").fancybox({
    type: 'iframe',
    width: 520,
    height: 320,
    fitToView: false,
    scrolling: "no",
    autoSize : false,
    iframe: {
        preload: false
    }
});

见JSFIDDLE