Javascript 单击可使用YOUTUBE Iframe加载多个视频

我在主视频容器下面有一些缩略图。 我会喜欢当你点击每个缩略图-相关的视频加载并开始播放 使用新的YOUTUBE API IFRAME方法

我们将感谢您的帮助或指导

预览链接已更新***

查看此小提琴：

加载时运行此代码：

var a = document.getElementsByTagName("a");            //1
for(var i=0; i<a.length; i++){                         //2
    if(!/#ytplayer/.test(a[i].href)) continue;         //3
    var link = a[i].innerHTML.match(/\/vi\/([^\/]+)/); //4
    if(link) (function(vidId){                         //5
        a[i].onclick = function(){                     //6
            player.loadVideoById(vidId);               //7
        }                                              //8
    })(link[1]);                                       //9
}      

var a=document.getElementsByTagName（“a”）//1.
对于（var i=0；i。在每次迭代期间，通过
a[i]
引用“当前”锚定
使用的方法检查
href
属性（
！
）是否不包含“
\ytplayer
”。如果此条件为真（即
href
属性不包含“
\ytplayer
”），则语句终止当前迭代，并跳到下一个锚点
请求当前锚的属性。使用方法获取视频id。
/\/vi\/（[^\/]+）/
意味着：创建并执行等于
/vi/的子字符串（第5-9行）。函数的第一个参数将通过
vidId
引用（变量）

将新创建的分配给当前锚点的
onclick
属性。将函数分配给
onclick
属性将导致定义事件处理程序
调用
player
对象（由定义）的方法

调用函数（在第5-9行创建），将
链接[1]
作为第一个参数传递
工具书类

循环和语句
在JavaScript中创建和调用
（RegExp）
对象的
RegExp
方法
函数与正则表达式结合使用
元素的属性
事件处理程序
的方法

另一个有趣的答案


预览应该有什么作用吗？因为我尝试它时没有显示任何东西…我没有得到任何东西，或者我的版本错误..现在更新了Hey ROB…谢谢你的回复。你有什么方法可以为循环完整地解释这个问题吗？我了解大部分，但不是全部。我对Jquery整体来说是新手。Jquery？我展示的是纯JavaScri您不理解的部分是什么？这是：
（var i=0；i@MIS我在答案中添加了我的代码解释，包括参考资料。你现在明白了吗？是的，明白了，谢谢你的快速提问。如果我想在视频出现时获得每个视频的标题，你知道我是怎么做的吗？但我对自己说，一定有办法使用数据API或播放器API…仍在研究中。提前感谢您的帮助。我打算这样做：
if（vidId='video_id1'）{$（“#titlediv”）。追加（video 1”；}