【问题标题】:Twitter bootstrap carousel youtube video auto startTwitter 引导轮播 youtube 视频自动启动
【发布时间】:2013-02-13 09:58:36
【问题描述】:

我创建了一个 Twitter Bootstrap 轮播来显示图片和文本。到目前为止,这很好。 但我想将 YouTube 视频添加到幻灯片中,我希望视频自动开始播放,视频播放完毕后,我希望轮播转到下一张幻灯片。

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

我希望有人可以帮助我。

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

【问题讨论】:

    标签: javascript jquery twitter-bootstrap youtube-api youtube-javascript-api


    【解决方案1】:

    添加

    style="transform: none;"
    

    到你的divmodal pop upclass="modal-dialog"

    到你的模态对话

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 但是我现在怎么知道下一张幻灯片是什么?因为如果下一张幻灯片(例如幻灯片 2)是一张照片,那么我不想打电话给 player.playVideo()。但是,如果下一张幻灯片是幻灯片 3 并且幻灯片 3 是视频,那么我确实想致电 player.playVideo()
      • 由于您没有提供任何代码,很难说在您的场景中什么会起作用。
      • 我已经添加了我的代码的链接,希望你知道解决这个问题的方法
      猜你喜欢
      • 2016-07-26
      • 1970-01-01
      • 2012-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-26
      • 1970-01-01
      相关资源
      最近更新 更多