幻灯片放映插件的视频问题

video issues with slideshow plugins

本文关键字：的视频 问题 插件 幻灯片      更新时间：2023-09-26

我正在做一项任务，我必须在一些滑块中实现五个全屏背景视频。

单独的块运行得非常好，我使用了vide.js，后来我甚至找到了这个纯css解决方案-http://jsfiddle.net/L8j8oyt8/但是当我将这些块添加到滑块插件中（同时尝试了bxslider和flex滑块）时，视频就无法播放了。我在DOM中看到了视频元素，但它就是不起作用。

我也有一些奇怪的东西在这里工作——http://jsfiddle.net/vgJ9X/1/

<ul class="bxslider">
<li>
    <video autoplay loop controls>
        <source src="//demosthenes.info/assets/videos/polina.mp4" type="video/mp4">
    </video>    
</li>
<li>
    <video autoplay loop controls>
        <source src="//demosthenes.info/assets/videos/polina.mp4" type="video/mp4">
    </video>    
</li>
<li>
    <video autoplay loop controls>
        <source src="//demosthenes.info/assets/videos/polina.mp4" type="video/mp4">
    </video>    
</li>
</ul>

有什么建议吗？我正在考虑在一个包装器中用视频包装所有单独的块，并简单地用jquery scrollTo（）"模拟"滑块效果

好的，我找到了一个迄今为止有效的方法。

我做的是：

创建了一个没有源但背景图像作为后备的视频元素。

初始化的幻灯片放映（flexslider，因为bxslider在平板电脑上滑动时有一些完全冻结的问题），初始化后将源附加到每个视频元素。工作顺利。

仍然找不到视频不会播放的原因，当你预先定义源之前初始化滑块。

相关文章：