javascript - Bootstrap 响应式布局中的 Ytplayer

Question

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

现在，每个屏幕尺寸都有多个播放器，但问题是，我需要它们加载从图库链接的视频，而且除了第一个播放器外，它根本不起作用。我也试过给它们命名，然后为每个使用不同的加载视频，

  <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 # has no method 'loadVideoById')。

它们可以很好地处理针对一个玩家的手动命令 ytplayer3_loadvideo('YOUTUBEID');

Answer 1

于是我想出了一个办法。

如果有人好奇，我只是简单地为每个播放器制作了单独的视频列表和单个命令。例如，在分辨率 A 上显示 ytplayerA 和 listA，在分辨率 B 上显示 ytplayerB 和 listB 等等。

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