创建播放Dailymotion流式视频的弹出式Javascript窗口有困难
我对Javascript有点陌生，需要一些帮助。在过去的很多年里，我已经编写了一些基本的HTML，但是很多东西对我来说都是新的。我试着读了一些教程，很多信息都让我不知所措。以下是我试图实现的目标的概述： 目标 我有一大堆我儿子打网球的流媒体视频，我想放在一个网站上。由于视频非常大，我在dailymotion cloud上注册了一个帐户，这样它们就可以流媒体了。 在一个简单的网页上，我想列出比赛的日期，他的对手，然后是流媒体视频文件的超链接。 单击超链接后，我希望在现有网页的顶部覆盖一个javascript弹出窗口，然后在其中播放dailymotion视频。 以下是我迄今为止所做的工作： 联系Dailymotion云。他们告诉我，他们使用带有jQuery的Colorbox插件来实现这一点。用户支持部门向我指出了以下代码作为示例：。我真的不知道在这里该做什么。所以我假设我需要下载jquery和colorbox脚本，并将它们与示例代码结合使用。 然后我下载了jQuery，特别是jQuery.min.js，然后上传到我网站上的一个文件夹~/js 我去了colorbox网站下载了所有的东西。我将文件jquery.colorbox-min.js上传到我网站根目录上的同一个js文件夹中。 我将下面的代码粘贴到网页的标题部分，由于格式问题，我在这里很难剪切和粘贴，但要查看确切的代码格式，请单击上面的JSFIDLE URL：创建播放Dailymotion流式视频的弹出式Javascript窗口有困难,javascript,video-streaming,Javascript,Video Streaming,我对Javascript有点陌生，需要一些帮助。在过去的很多年里，我已经编写了一些基本的HTML，但是很多东西对我来说都是新的。我试着读了一些教程，很多信息都让我不知所措。以下是我试图实现的目标的概述： 目标 我有一大堆我儿子打网球的流媒体视频，我想放在一个网站上。由于视频非常大，我在dailymotion cloud上注册了一个帐户，这样它们就可以流媒体了。 在一个简单的网页上，我想列出比赛的日期，他的对手，然后是流媒体视频文件的超链接。 单击超链接后，我希望在现有网页的顶部覆盖一个javas
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();
});