Jquery - MagnificポップアップでPanolensファイルをロード

Question

インタラクティブなビデオと画像のために 'PANOLENS'を使いました。

http://pchen66.github.io/Panolens/examples/panorama_video.html

Maginicポップアッププラグイン：

http://dimsemenov.com/plugins/magnific-popup/

私はユーチューブのビデオ負荷のようなライトボックスウィンドウにPanolensインタラクティブをロードします。しかし、その期待どおりに動作しません。

いずれか1つでは、この問題を解決するソリューションを提供してください。

おかげ

JS：

var panorama, viewer, container; 
var $interactiveEle = $('.interactive-holder').attr('data-interactiveurl'); 
container = document.querySelector('.interactive-holder'); 
panorama = new PANOLENS.VideoPanorama($interactiveEle, {autoplay: false}); 
viewer = new PANOLENS.Viewer({container: container}); 
viewer.add(panorama); 

$('.open-interactive-link').magnificPopup({ 
    disableOn: 700, 
    src: '#interactive-popup', 
    type: 'inline', 
    mainClass: 'mfp-fade', 
    removalDelay: 160, 
    preloader: false, 
    fixedContentPos: false 
}); 

HTML：

<a href="javascript:void(0);" class="open-interactive-link">Click here for interaction video</a> 

Answer 1

最も簡単な方法は、私が推測するのiframe aproachです。パノラマコンテンツを含む別々のページを作成し、このページをiframeで呼び出す。