轮播栏中的视频如何自动停止播放?

Question

我想将首页的轮播中第一张图片更改成一段视频循环播放,类似这个网站一样

http://www.ehang.com/cn/

但是我添加视频后并没有像网站中一样点击其他的轮播图时，视频暂停播放，然后点击视频这一页时，视频继续播放，而是点击其他图片时视频也在继续播放。请问各位大神需要修改什么才能实现跟网站一样的效果呢？

<ul>
                <li><video width="100%" autoplay loop>
                        <source src="video/video.mp4" type="video/mp4" >
                    </video></li>
                <li><img src="images/banner1.jpg"/></li>
                <li><img src="images/banner2.jpg"/></li>
                
            </ul>

这段是我轮播栏的代码。使用的插件是SuperSlide.2.1.2。

Answer 1

你好 你这个问题解决了吗？我正好也需要类似的功能

Answer 2

我跟你的问题 有点像   我的是 要求  在轮播图片里面放一个视频   有没有什么方法 能 控制 没轮播到视频的时候 图片以设置好的时间正常轮播  当轮播到视频的时候   点击了播放后 要在视频播放完了之后 图片再继续轮播  循环、