视频正在页面顶部播放，而不是在单击的位置播放

Question

单击时打开的视频定位有问题。我有一个链接到youtube视频的图像。图像是网页的缩小（我们需要滚动一下）。当我点击视频时，在页面顶部打开youtube链接，而不是在点击的位置播放。请建议如何更改视频的位置。 http://jsfiddle.net/UxLHR/21/

<div style="margin:-3px 20px 10px 14px;">
<a id="showYouTubeVideo" href="#" >

<img style="margin: -3px 20px 10px 14px;" src="" alt="Go"/>
</a>
</div>

<div id="ScanNCutoverlayBox"></div>
    <div id="ScanNCutdisplayBox">
        <div id="ScanNCutcloseX">X</div>
        <div id="ScanNCutdisplayBoxContentHolder">
            <iframe
                width="853"
                height="480"
                src="https://www.youtube.com/embed/_OBlgSz8sSM?autoplay=1"
                frameborder="0"
                allowfullscreen></iframe>
        </div>
    </div>

Answer 1

在e.preventDefault()

中尝试使用$("#showYouTubeVideo").click(function (e) {}

编辑：

preventDefault（）停止滚动到顶部（至少在我的浏览器上......）。

http://jsfiddle.net/UxLHR/22/

此外，我不喜欢模态定位的方式，但它是另一个有很多不同解决方案的主题。