Question

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

块单独工作非常好，我使用了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>

有什么建议吗？我正在考虑用1个包装器中的视频包装所有单独的块，并简单地模拟＆＃39;使用jquery scrollTo（）

的滑块效果

Answer 1

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

我做的是：

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

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

在初始化滑块之前预定义音源时，仍然没有找到视频无法播放的原因。

幻灯片插件的视频问题

1 个答案: