用于放大弹出窗口的多种 vimeo 模式答案

【问题标题】：Multiple vimeo pattern for magnific popup用于放大弹出窗口的多种 vimeo 模式
【发布时间】：2015-07-28 22:48:35
【问题描述】：

对那些定制了 magnific popup 的人的问题 - 我如何在 Magnific Popup 插件中为 iframe 类型组合多个 vimeo 模式？这是我需要播放的视频网址及其模式：

https://player.vimeo.com/external/xxxxx.hd.mp4

patterns: {
    ...
    vimeo: {
       index: '//vimeo.com/',
       id: '/',
       src: '//player.vimeo.com/external/%id%'
    },
    ...
}

https://vimeo.com/xxxx

patterns: {
    ...
    vimeo: {
       index: 'vimeo.com/',
       id: '/',
       src: '//player.vimeo.com/video/%id%?autoplay=1'
    },
    ...
}

每个模式都单独工作，但问题是如何一起使用它们？

谢谢

【问题讨论】：

标签： jquery iframe popup magnific-popup

【解决方案1】：

解决方案是使用 id 作为函数：

patterns: {
      vimeo: {
        index: 'vimeo.com/',
        id: function(src){
           if (src.indexOf('external') > -1) {
              return 'external/' + src.substr(src.lastIndexOf('/')+1, src.length);
           } else {
              return 'video/' + src.substr(src.lastIndexOf('/')+1, src.length);
           }
        },
        src: '//player.vimeo.com/%id%?autoplay=1'
      },
    },

【讨论】：