2

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

4

1 回答 1

1

我们通过挂钩开始和之后的 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);
            },
于 2013-09-25T18:20:05.593 回答