Fancybox在带有特定视频的新标签页中加载视频

时间:2013-05-08 20:12:01

标签: jquery fancybox

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

1 个答案:

答案 0 :(得分:0)

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

  • 的Youtube
  • Vimeo的
  • 的Metacafe
  • 位DailyMotion
  • Twitvid
  • Twitpic
  • Instagram的
  • Google地图

对于其他服务器(您无法控制),最好的办法是使用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