我正在尝试使用弹出式视频播放器。会使用fancybox，但它们是非商业的，我的用例相对简单。基本上，我正在创建一个 div，它在黑色背景中覆盖整个页面，具有足够的不透明度，仍然可以看到所有内容。我想在此“覆盖”div 上的页面上用户当前位置（高度方面）放置一个 youtube 视频（通过 iframe 硬链接插入）。基本上，我不想将此视频放在用户必须滚动到的页面的高度位置。
我查看了 jquery 库，包括浏览器和支持，但没有看到任何值得注意的东西。有没有我错过的方法？顺便说一句，它可能是一个 Javascript 解决方案，我只是碰巧将 JQuery 用于其他一切，所以风格上，你知道。
编辑：
我试图将这个新的 div（包含 iframe 代码）放在用户浏览器视口当前所在的位置，而不是确定文档的高度或浏览器视口的高度。
使用 $（窗口）。例如：
console.log($(window).height());
console.log($(window).width());
在调整浏览器窗口大小时尝试一下，您会看到它发生了变化。
如果要获取窗口视口滚动到的位置，请使用 $(window).scrollTop() 和 $(window).scrollLeft()。
如果要获取特定元素的位置，请使用 $("#myid").position() （相对于偏移父级）或 $("#myid")offset() （相对于文档）。
.height()或者.outerHeight()两者都应该工作：
$(window).height();
$(window).outerHeight();
$(window).width();
$(window).outerWidth();
我使用PrettyPhoto。它不是太大，如果您对 JavaScript 感到满意，您可以删除任何不需要的代码以使其更加紧凑。