单击时打开的视频定位有问题。我有一张链接到 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>
最佳答案
尝试在 $("#showYouTubeVideo").click(function (e) {}
e.preventDefault()
编辑:
preventDefault() 停止滚动到顶部(至少在我的浏览器上...)。
我也不喜欢模态框的定位方式,但这是另一个有很多不同解决方案的话题。
关于javascript - 视频在页面顶部播放,而不是在点击的位置播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27610826/