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>

うまく機能しますが、fancyboxv2と統合することができませんでした。ただし、問題はa href="script"、fancyboxiframe内でoEmbedapijsonを実行する場合よりも実行する場合の方が多いようです。（しかし、それはわかりません。）

だから私はそれをリンクを介してスクリプトを起動するだけの最小限に分解しましたa href="script"-fancyboxは要素を使用するので-私はいくつかのバリエーションを試しました：

<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 に答える