javascript - bxslider - 幻灯片重叠 - 在 1 帧中显示两张幻灯片

Question

BX slider 的这个问题让我抓狂。说到这个，我几乎是个新手。我指的是此页面 > http://jimmyhunter.co.uk/cw.html (还有其他地方也出现这个问题)

前 4 张幻灯片是 jpeg；所有 1200px x 803px，这是 BX 包装器的大小。第 5 张幻灯片是不符合上述尺寸的 MP4 视频。这样做是在视频下方显示 1 号幻灯片的顶部(在本例中为带有介绍文本的 jpeg。

以下幻灯片也有类似的视频，但“幻灯片重叠”仅出现在第一个视频上。

我尝试的所有方法要么不起作用，要么修复了这张幻灯片，但将问题推到下一个视频。

提前致谢。如果您需要更多信息，请告诉我感谢收到任何想法。

Answer 1

我在您的 slider 设置中发现了一段异常代码。如果您查看 slider 的源代码，您应该会在第 89 行左右看到这段代码:

<span style="min-width:800px; display:block; margin:0 auto"><video  width="640" height="360" controls>

我认为“最小宽度”导致了您的问题。去掉它 [编辑:整个 span 标签] 和结束 </span>在第 92 行附近标记。取出 width="640" height="360"来自视频标签的其他视频也很喜欢。

我在 chrome devtools 中做了这个并得到了以下结果:

http://picpaste.com/pics/Screen_Shot_2014-05-22_at_12.38.11-j7DM4t7S.1400758772.png

希望对您有所帮助!