Twitter bootstrap carousel youtube视频自动启动

Question

我已经创建了一个Twitter Bootstrap carousel来显示图片和文本。到目前为止，这一切都很好。但我想添加YouTube视频到幻灯片，我希望视频自动开始播放，当视频结束时，我希望旋转木马转到下一张幻灯片。

我曾尝试使用YouTube div选项来完成类似的操作，但是因为所有的?autoplay=1都是在启动时加载的，所以视频在页面加载时开始播放。对于等待视频结束的问题，我还没有找到任何解决方案。

我希望有人能帮我一把。

编辑：http://pastie.org/6348104，这是我用于轮播的代码。carousel功能齐全，但我将Bootstrap文件存储在本地。

Answer 1

您可能希望将YouTube的player.playVideo() (example)函数作为carousel('cycle')函数的回调函数。

Answer 2

添加

style="transform: none;"

在modal pop up中使用class="modal-dialog"连接到您的div

你的模态对话