如果设置为“幻灯片”，第一个视频将不会使用 Flexslider 在 iPad 中加载答案

【问题标题】：The first video will not load in iPad using Flexslider if set to "slide"如果设置为“幻灯片”，第一个视频将不会使用 Flexslider 在 iPad 中加载
【发布时间】：2013-09-26 02:20:05
【问题描述】：

这是一个非常奇怪的问题，我很难过。我有一个带有 HTML5 视频的 Flexslider。它可以在我的 Firefox、Safari 和 Chrome 笔记本电脑上完美运行。除了第一个视频外，它在 iPad 上也可以正常工作。它只是加载和加载，从不播放。如果我改变视频的顺序，仍然是首先不会加载的视频，所以我知道它不是那个特定的视频。如果我将动画设置更改为“淡入淡出”，它会加载得很好。如果设置为“幻灯片”，它就不会加载第一个视频。我在 flexslider 中有其他设置，但如果我将它们全部删除并将它们保留为默认值，同样的问题。我什至不知道从哪里开始。

【问题讨论】：

标签： video flexslider

【解决方案1】：

我们通过挂钩 start 和 after API 解决了这个问题，然后克隆视频，删除原始视频，然后重新添加视频。

            after: function(slider) {
                var clone =  jQuery('.flex-active-slide .video-container video').clone();
                jQuery('.flex-active-slide .video-container video').remove();
                jQuery('.flex-active-slide .video-container').append(clone);
            },
            start: function(slider) {
                var clone =  jQuery('.flex-active-slide .video-container video').clone();
                jQuery('.flex-active-slide .video-container video').remove();
                jQuery('.flex-active-slide .video-container').append(clone);
            },

【讨论】：