【发布时间】：2017-05-26 09:54:51
【问题描述】：
我正在创建一个带有图像的滑块，当有人单击一张幻灯片时，会打开一个带有另一个带有视频的滑块的模态窗口。
我想要实现的是：点击 -> 播放视频。因此，如果单击图像的第三张幻灯片，则会自动打开并播放视频。
Here is a fiddle with the example，但是这出戏不行……
【问题讨论】：
标签： javascript jquery video onclick slider
【发布时间】：2017-05-26 09:54:51
【问题描述】：
<iframe id="vimeo-player" src="https://player.vimeo.com/video/218392001?color=637df2?api=1&autoplay=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
你必须在 ?api=1 之后添加 &autoplay=1&loop=1 到 iframe
【讨论】：
-
&autoplay=1 即使没有点击幻灯片也会播放视频，所以如果你等待 10 秒然后点击幻灯片，视频就已经在播放了......我需要的是点击，开始播放视频
-
所以你可以做一件事，点击添加该值到视频播放器。不好吗？
-
你是对的。那可以工作。我修改了我的代码，所以它说： var iframe = $('#vimeo-player')[0].src += "&autoplay=1";但它只是将它添加到第一个 iframe。你知道为什么吗？
-
$('#vimeo-player')[0] 是第一帧。不是所有的框架。这就是它被添加到第一帧的原因。
-
我该怎么做才能将其应用于所有 iframe？