1

ライトボックスのようなポップアップ ウィンドウを開くスクリプトが必要です。しかし、画像ではありません

html ファイルからビデオ プレーヤー コードをロードし、ビデオ ファイル ID をこのコードに送信する必要があります。

HTML のプレーヤー コード:

<iframe src="http://site.com/embed/video file ID" style="width: 800px; height: 450px; border: none; background-color: #000;" frameborder="0"></iframe>

したがって、上記のコードでポップアップウィンドウを開くスクリプトが必要です。

ありがとう！

4

2 に答える 2

2

Fancyboxはこれを非常にうまく行っています。バージョン 1 は無料で使用できます。

HTML:

<a class="forpopup" href="http://www.example?iframe">This goes to iframe</a>

JS:

$('a.forpopup').fancybox();
于 2013-01-19T13:01:52.883 に答える
2

jQuery ColorBoxを参照してください。デモ ページで、AJAX、Flash、およびビデオの例を介した外部 HTML コンテンツの [その他のコンテンツ タイプ] セクションを見つけてください。

使用例の簡単な例:

// Format:
$(selector).colorbox({key:value, key:value, key:value});

// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});

// Ajax
$('a#login').colorbox();

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
    var url = $(this).attr('href');
    return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});
于 2013-01-19T13:02:43.040 に答える