javascript - 视频在页面顶部播放，而不是在点击的位置播放

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

尝试在 $("#showYouTubeVideo").click(function (e) {}

中编写 e.preventDefault()

编辑:

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

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

我也不喜欢模态框的定位方式，但这是另一个有很多不同解决方案的话题。