Question

好的，现在我遇到了困难。我使用的是免费的html模板。到目前为止，我已经能够做到以下几点：

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

我只需要将直接原始视频文件添加到该图像的href。

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

然后我遇到了一个问题，原始链接将显示在浏览器的左下角。

我通过添加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'}

事实证明，现在当我点击图片时，它会将整个页面导航到该链接。

我需要知道如何在不浏览我的网站的情况下播放它，就像在第一张图片中一样，最重要的是没有显示原始视频链接。

Answer 1

尝试使用jquery load func，将图像加载到特定的div

中

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