jquery - 特定のビデオを含む新しいタブでビデオをロードするFancybox

Question

ホームページにおすすめのビデオがあるサイト (krelltech.com) があります。私が使用していた以前のリンク ( http://krelltech.com/index2 ) は、fancybox で適切に開かれていました。私は新しいビデオをアップロードし (新しいビデオをホストしているサイトを制御することはできません)、新しいタブでビデオを開きます。何か考えや提案はありますか？

Answer 1

あなたが抱えている問題は、ファンシーボックス メディアが特定のメディア ストリーミング サービスでのみ動作することです。

• ユーチューブ
• ヴィメオ
• メタカフェ
• デイリーモーション
• Twitvid
• ツイピック
• インスタグラム
• グーグルマップ

他のサーバー (制御できない) の場合、最善の策は、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を参照してください