0

音箱甲板

使用脚本嵌入调用，该调用将设置 api 和 json 响应，例如：

{
    "version": "1.0",
    "type": "video",
    "provider_name": "YouTube",
    "provider_url": "http://youtube.com/",
    "width": 425,
    "height": 344,
    "title": "Amazing Nintendo Facts",
    "author_name": "ZackScott",
    "author_url": "http://www.youtube.com/user/ZackScott",
    "html":
        "<object width=\"425\" height=\"344\">
            <param name=\"movie\" value=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"></param>
            <param name=\"allowFullScreen\" value=\"true\"></param>
            <param name=\"allowscriptaccess\" value=\"always\"></param>
            <embed src=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"
                type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\"
                allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed>
        </object>",
}

只需放置一个 Speakerdeck 嵌入链接，例如：

<script async class='speakerdeck-embed' data-id='4ece03012a0554004f008afa' data-ratio='0.9534450651769087' src='//speakerdeck.com/assets/embed.js'></script>

效果很好，但我无法将它与fancybox v2集成。但是，运行 a 的问题似乎a href="script"比在花式框 iframe 中使用 oEmbed api json 的问题更多。（但不确定。）

因此，我将其分解为仅通过a href="script"链接启动脚本的最低限度-因为 fancybox 使用 a 元素-我尝试了以下几种变体：

<a href="javascript(async class='speakerdeck' data-id='4ece03012a0554004f008afa' data-ratio='0.9534450651769087' src='//speakerdeck.com/assets/embed.js')" >show it</a>

我得到的只是一个旋转的加载器图标，更糟糕的是。

我想我只是对显而易见的事情有一个心理错误，你能帮忙吗？

4

1 回答 1

1

如果你已经有了你的，它就像通过类似的方法data-id='4ece03012a0554004f008afa'将它直接传递到href链接中一样简单embed

<a class="fancydeck" href="http://speakerdeck.com/embed/4ece03012a0554004f008afa">CLICK to open speakerdeck inside fancybox</a>

然后只需使用这个 fancybox 自定义脚本

$(document).ready(function() {
 $(".fancydeck").fancybox({
  type : "iframe",
  width: 640, // or whatever
  height : 420,
  fitToView : false
 });
}); // ready

看演示

注意：我在演示中使用了 fancybox 2.x，但我不明白为什么它不能与 v1.3.4 一起使用

于 2012-11-02T18:32:53.450 回答