带有 youtube 视频开始和停止的手风琴布局

Question

好的，开始，我有一个 php 网页，它从我的 mysql 数据库中提取信息并填充视频页面。这些视频以垂直手风琴的形式显示，最初您会看到缩略图，当单击缩略图时，它会展开（手风琴效果）并显示视频并播放视频，然后当单击新标签时，前一个视频会停止播放。

我知道这可以做到，我几乎可以使用 google api 让它工作，但它没有 100% 工作

这是 jsFiddle 看看我在说什么，我很确定如果我能弄清楚如何使这项工作我可以弄清楚如何使它与我的 php 一起工作，但是我上次卡住了如果打开第 1 部分，我希望仅播放第 1 部分中的视频，而当我打开另一个部分时，我希望之前打开的选项卡停止播放并播放新的选项卡。

希望这是有道理的

http://jsfiddle.net/mxDbn/1/

Answer 1

youtube 没有解决方案，因为 API 涉及的不够多，或者我想不通，而是在 falsh 可用时嵌入 flash 并且由于视频在移动设备上的运行方式，我不必担心html5 不在屏幕上时播放，因为如果没有看到视频，它将不会播放。

不过，Vimeo 确实提供了一个 javascript api 函数，可以在单击下一页时停止播放视频。