Javascript 引导式响应布局中的Ytplayer

Javascript 引导式响应布局中的Ytplayer,javascript,twitter-bootstrap,responsive-design,Javascript,Twitter Bootstrap,Responsive Design,我有一个画廊,可以将视频从加载到播放器中,我的问题是,如何使其响应 现在,每种屏幕大小我都有多个播放器,但问题是,我需要它们加载从图库链接的视频,而且除了第一个播放器之外,它根本不起作用。我也试着给它们命名,然后对每一个使用不同的加载视频 <div class="span3"> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'YOUTUBEID' );ytplayer2_loadvideo( 'YOUTUBEID' );y

我有一个画廊,可以将视频从加载到播放器中,我的问题是,如何使其响应

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

  <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等等

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