好吧,现在我的处境很艰难。我正在使用免费的 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'}
事实证明,现在当我单击图像时,它会将整个页面导航到该链接。
我需要知道如何在不像第一张图片那样导航出我的网站的情况下播放它,最重要的是不显示原始视频链接。
最佳答案
尝试使用 jquery 加载函数,将图像加载到特定的 div 中
$("#div1").load("http://i.imgur.com/KWyIHw8.jpg")
关于javascript - window.location.href 导航出我的网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34624998/