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

标签 javascript html css video-streaming

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

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

enter image description here

我所要做的就是将直接原始视频文件添加到该图像的 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/

相关文章:

javascript - 传递给 `selectId` 实现的实体返回未定义

javascript - 有人可以解释一下 reduce 方法在这个函数式 JavaScript 挑战中是如何工作的吗?

javascript - 从 jQuery 中的复选框的数组值中删除

HTML 电子邮件对齐文本

javascript - 有没有办法用 CSS 在光标和输入中的占位符文本之间添加空格?

javascript - 检测浏览器是否处于全屏模式

javascript - 无法在 API 上使用 Jquery 进行事件处理

twitter-bootstrap - 表单内联中的 Bootstrap 按钮对齐

css - tinyMCE 容器上的 tinyMCE 编辑器边距

html - 产生的页面卡在 Rails 的页眉中