window.location.href 导航出我的网站

window.location.href navigates out of my website

好吧,现在我的处境很艰难。我使用的是免费 html 模板。到目前为止,我已经能够做到以下几点:

当用户单击缩略图时。视频将在应有的位置播放。

我所要做的就是将直接原始视频文件添加到该图像的 href。

<a class="thumbnail" href="VIDEO_LINK.MP4"><img src="http://i.imgur.com/KWyIHw8.jpg" /></a>

然后我遇到了一个问题,原始 link 会显示在浏览器的左下角。

我通过添加一个onclick事件来形成一个函数来修复它。

<a class="thumbnail" href="#" onclick="video();"><img src="http://i.imgur.com/KWyIHw8.jpg"/></a>

函数为:

Function video() {window.location.href = 'VIDEO_LINK_HERE.MP4'}

事实证明,现在当我单击图像时,它会将整个页面导航到那个 link。

我需要知道如何在不像第一张图片那样离开我的网站的情况下播放它,最重要的是不显示原始视频 link。

尝试使用 jquery 加载函数,以特定 div

加载图像
$("#div1").load("http://i.imgur.com/KWyIHw8.jpg")