1

我对 Javascript 有点陌生，需要一些帮助。我在过去（很多年前）编写了一些基本的 HTML，但是很多这些东西对我来说是新的。我尝试阅读一些教程，但很多信息都超出了我的想象。这是我要完成的工作的概述：

目标

  • 我有一堆我儿子打网球的流媒体视频，我想把它们放在网站上。由于视频很大，我在dailymotion cloud上注册了一个帐户，以便可以播放它们。
  • 在一个简单的网页上，我想列出比赛日期、他的对手，然后是指向流媒体视频文件的超链接。
  • 单击超链接后，我希望将一个 javascript 弹出窗口覆盖在现有网页的顶部，然后在其中播放 dailymotion 视频。

这是我到目前为止所做的：

  • 联系了 Dailymotion Cloud。他们告诉我，他们使用带有 jQ​​uery 的 Colorbox 插件来实现这一点。用户支持台以以下代码为例：http: //jsfiddle.net/YwhLm/。我真的不知道在这里做什么。所以我假设我需要下载 jquery 和 colorbox 脚本并将它们与示例代码一起使用。
  • 然后我下载了 jQuery（特别是 jquery.min.js），然后上传到我网站上的文件夹 ~/js
  • 我去了彩盒网站并下载了所有内容。我将文件“jquery.colorbox-min.js”上传到我网站根目录的同一个 js 文件夹中。

  • 我将下面的代码粘贴到网页的标题部分（由于格式问题，我在此处剪切和粘贴时遇到困难，但要查看确切的代码格式，请单击上面的 jsfiddle URL）：

    var iframeHtml = '<iframe id="my_iframe" src="http://api.dmcloud.net/player/embed/4bab4364f325e14f14000001/51b871b106361d1359000109?auth=1689337924-0-q4nqc9il-d3e054cef0daa979502cffe4348af0b4" frameborder="0"
allowfullscreen></iframe>';
$('#video_link').on('click', function(e) {
    $.colorbox({ 
        'html': iframeHtml,
        'transition': 'none',
        'title': 'My video'
    });
    e.preventDefault();
});

  • 然后我将以下代码粘贴到我网页的正文部分：

<a id="video_link" href="#">Video link</a>

现在的问题是，每当我这样做时，我似乎都会遇到很多错误。视频在主页上打开，而不是在单击超链接后打开。我还在页面背景中看到一些似乎不起作用的 Javascript 代码。

有人可以帮忙吗？请一步一步告诉我我做错了什么。我是否下载了错误版本的 colorbox 或 jquery？我把它们放在正确的位置了吗？标头编码是否不正确？正文编码不正确吗？请帮忙。

谢谢

4

0 回答 0