youtube-iframe-api – 如何为新的YT.Player()使用类而不是id

概述在这里给出的示例 https://developers.google.com/youtube/iframe_api_reference中,您可以看到,不是使用标准的css选择器语法,而是一个自定义字符串语法,似乎只引用id. <div id="player"></div>// note no 'var' and yet this will work in strict mode// sinc 在这里给出的示例 https://developers.google.com/youtube/iframe_api_reference中,您可以看到,不是使用标准的css选择器语法,而是一个自定义字符串语法,似乎只引用ID.

<div ID="player"></div>// note no 'var' and yet this will work in strict mode// since 'player' is being implicitly grabbed from the domplayer = new YT.Player('player',...);

这当然会产生泄漏全局变量的问题,无论ID是什么名称,这是我试图避免的事情(因为它为严格模式创造了一个漏洞,只是令人困惑和意外的行为).

解决方法是对名称进行连字,以便无法从全局空间访问该名称

<div ID="Js-player"></div>// Now window['Js-player'] is guarded from accIDental accessvar player = new YT.Player('Js-player',...);

但最重要的是,使用ID只是不好的做法,我更喜欢完全避免它们,因为类很好地工作并且没有奇怪的副作用.

解决方法 答案可能有点迟,但无论如何……

像这样传递选择器

var player = new YT.Player(                 document.querySelector('.your-class'),... API Stuff ...             );

当然,您可以使用jquery或任何其他vanilla Js方法来选择元素.

var player = new YT.Player(                 $('.your-class')[0],... API Stuff ...             );

如果您使用返回节点列表的方法,请确保循环使用如下项目：Todd Motto – Looping Through NodeLists / Arrays

总结

以上是内存溢出为你收集整理的youtube-iframe-api – 如何为新的YT.Player()使用类而不是id全部内容，希望文章能够帮你解决youtube-iframe-api – 如何为新的YT.Player()使用类而不是id所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。