javascript - 引导响应式布局的Ytplayer

我有一个画廊可以将视频从http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js加载到ytplayer中，我的问题是，如何使其具有响应性？

现在，每个屏幕尺寸我都有多个播放器，但事实是，我需要它们来加载从图库链接的视频，并且只有第一个播放器才能正常工作。我也尝试过命名它们，然后为每个使用不同的loadvideos，

  <div class="span3"> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'YOUTUBEID' );ytplayer2_loadvideo( 'YOUTUBEID' );ytplayer3_loadvideo( 'YOUTUBEID' );"><img src="http://i2.ytimg.com/vi/YOUTUBEID/mqdefault.jpg" alt="name" />

但它似乎并没有克服找不到第一个玩家的错误（TypeError：Object＃没有方法'loadVideoById'）。

它们仅针对一个玩家ytplayer3_loadvideo('YOUTUBEID');的手动命令就可以正常工作

最佳答案

所以我想出了办法。

如果有人好奇，我只需要为每个播放器使用单个命令制作单独的视频列表。因此，例如，在分辨率A上，它显示ytplayerA和listA，在分辨率B上显示ytplayerB和listB，依此类推。

是的，它笨重，但是可以根据需要工作。