-3
A
答えて
0
それは自身の研究の不足も1分でGoogleで検索されている可能性が何かであるので、私は、あなたの質問に答えるべきではありませんが、ここであなたが行く場合でも:
window.open(url, "name", "options");
0
てみてくださいアップ
<a href="#popupVideo" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Launch video player</a>
<div data-role="popup" id="popupVideo" data-overlay-theme="b" data-theme="a" data-tolerance="15,15" class="ui-content">
<iframe src="http://player.vimeo.com/video/41135183?portrait=0" width="497" height="298" seamless=""></iframe>
</div>
この..
1)HTMLマーク
2)JS
// popup examples
$(document).on("pagecreate", function() {
// The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account
function scale(width, height, padding, border) {
var scrWidth = $(window).width() - 30,
scrHeight = $(window).height() - 30,
ifrPadding = 2 * padding,
ifrBorder = 2 * border,
ifrWidth = width + ifrPadding + ifrBorder,
ifrHeight = height + ifrPadding + ifrBorder,
h, w;
if (ifrWidth < scrWidth && ifrHeight < scrHeight) {
w = ifrWidth;
h = ifrHeight;
} else if ((ifrWidth/scrWidth) > (ifrHeight/scrHeight)) {
w = scrWidth;
h = (scrWidth/ifrWidth) * ifrHeight;
} else {
h = scrHeight;
w = (scrHeight/ifrHeight) * ifrWidth;
}
return {
'width': w - (ifrPadding + ifrBorder),
'height': h - (ifrPadding + ifrBorder)
};
};
$(".ui-popup iframe")
.attr("width", 0)
.attr("height", "auto");
$("#popupVideo").on({
popupbeforeposition: function() {
// call our custom function scale() to get the width and height
var size = scale(497, 298, 15, 1),
w = size.width,
h = size.height;
$("#popupVideo iframe")
.attr("width", w)
.attr("height", h);
},
popupafterclose: function() {
$("#popupVideo iframe")
.attr("width", 0)
.attr("height", 0);
}
});
});
3. CSS
iframe {
border: none;
}
+0
OPが頼んだことを冗談にする方法。フィドルはいいかもしれない、たぶん私はそれを使用します:P –
+0
ありがとうraghavが、それは私が欲しいものではありません。 iframe(Youtube video)をクリックするとポップアップ(モーダル) – pradnya
関連する問題
- 1. iframe(親)のURLをiframeから開いたポップアップから開く
- 2. アクションバーの長いクリックでポップアップを開く
- 3. マップボックス:地図の外側をクリックしてマーカーのポップアップを開く
- 4. FBログイン/登録..をクリックしてポップアップを開くには?
- 5. ボタンをクリックするとポップアップとしてaspxページを開く方法
- 6. ブートストラップ4は、クリック後にポップアップのiframeを表示します。
- 7. マーカーをクリックするとhtmlポップアップを開く方法
- 8. ターゲットを使用してSafariのiframeをポップアップからポップアップでリダイレクト
- 9. Jqueryがポップアップを開いて、クリックしたdivにネストします
- 10. Mailchimpポップアップの作成方法ボタンをクリックすると開くポップアップフォーム
- 11. 複数のポップアップがクリックで開くのを防ぐ
- 12. visjsのノード(コンテキストメニュー)の右クリックで拡張ポップアップ(htmlリスト)を開く
- 13. ModalPopupextenderを使用してポップアップとして開くとiframeの高さを調整する問題
- 14. クリックした要素のIDを取得し、jqueryでポップアップを開く方法
- 15. ポップアップをクリックし、クリックしたリンクの情報を入力してください
- 16. asp.netメニューコントロールでポップアップを開く
- 17. ポップアップを開く場合
- 18. ドウダウンメニューからポップアップを開く
- 19. トリガーボタンでポップアップを開く
- 20. ボタンをクリックしてhelpProviderを開くC#
- 21. ボタンをクリックしてオプションメニューを開く
- 22. チェックボックスをクリックしてウィンドウを開く
- 23. テキストビューをクリックして電卓を開く
- 24. ボタンをクリックしてPHPページを開く
- 25. メニューオプションをクリックしてコンテキストメニューを開く
- 26. ボタンをクリックしてスケーラを開くフレーム
- 27. ボタンをクリックしてJDialogを開く
- 28. ボタンをクリックしてGIを開く
- 29. 画像をクリックしてファイルを開く
- 30. iphone-apnsポップアップなしでアプリケーションを開く
私はそれをGoogleで検索しているが、あなたはその後、plsは私に言う答えがある場合haventはは、任意の解決策を見つけました。 – pradnya
あなたは私の答えを試しましたか?これは、新しいウィンドウのような、ブラウザのポップアップを開きます。私は、私の答えにリンクを追加しました。 –