javascript - Bootstrap 响应式布局中的 Ytplayer

标签 javascript twitter-bootstrap responsive-design

我有一个画廊,可以将来自 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');

最佳答案

于是我想出了一个办法。

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

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

关于javascript - Bootstrap 响应式布局中的 Ytplayer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14650887/

相关文章:

html - Safari 和 Bootstrap 4 - 自动网格中断

html - 使用 flexbox 的响应式 tile 布局

html - 在容器中缩放多个按钮的最佳方式

javascript - Angular 2路由解析不同的组件

javascript - 如何在Angular中使用 Highcharts ?

javascript - 如何使用 Cypress 控制元素中的文本?

javascript - super 菜单的第三级不起作用

javascript - 如何显示使用 javascript 检查的单选按钮的文本框 onclick?

html - CSS flexbox 两列

javascript - HtmlWebpackPlugin 删除模板 div