【发布时间】：2013-08-01 00:37:38
【问题描述】：
我注意到有一个 AnythingSlider 视频扩展。是否可以使用此分机在同一个滑块中组合图像和视频？
演示 (http://css-tricks.com/examples/AnythingSlider/video.html#&panel1-1) 仅使用视频，到目前为止还没有看到在同一滑块中使用混合内容的示例。
【问题讨论】：
标签： javascript jquery css anythingslider
【发布时间】：2013-08-01 00:37:38
【问题描述】：
我有任何 324 像素高的滑块。我将类型更改为html。我使用了： 简码 >Media 以插入我的 Vimeo vid。然后我创建了一个 324px 高的图像。使用 html 将其插入页面顶部：
<img alt="" src="http://www.WEBSITE.com/wp-content/uploads/2013/08/rocks-bannerbar.png" />
在下一节中，我使用的是 2 列布局，如您所见，请忽略它。在“文本”选项卡（不是可视选项卡）下，必须使用边距顶部代码以这种方式指示视频：
[one_half_last]
<p style="padding-left: 30px; margin-top: -320px;">[video type="vimeo" clip_id="12345678" width="275" height="212"][/one_half_last]</p>
这会将视频拉到图像的顶部。现在我的滑块对象内的视频下方有一个横幅图像！
【讨论】：
-
你好，约书亚。您需要添加一些标记格式，以便您的代码显示为代码（而不是 StackOverflow 试图解释它）：每行代码前面有四个空格。
AnythingSlider 的每个面板最终都只是一个带有内容的 li，因此您可以真正将您喜欢的任何内容放入 li 中，包括文本、图像、视频等。只要确保这些元素适合li 的宽度/高度。
【讨论】：
-
我认为问题在于，只要将视频添加到 LI 并不会在视频启动后停止滑块（jQuery 不会检测到点击，因为它是嵌入的）。所以会发生什么：（1）用户点击视频（2）它开始播放（3）滑块转到下一张幻灯片替换视频但音频仍在后台播放。视频扩展解决了这个问题，但没有看到同时使用图像和视频的示例。