1

想要实现：像播放列表一样工作的视频选择缩略图库。每个缩略图都是一个可点击的链接，用于在画廊上方的中央屏幕中加载和播放各自的视频。上面有播放器/滑块的画廊
在此处输入图像描述

这是插件中的一些JS，（我认为）是单击下一步的功能：（下面的演示链接）

                var z = a('<a href="#" />').attr("id", "tms-prev").addClass("tms-arrow-nav").appendTo(b),
                    C = a('<a href="#" />').attr("id", "tms-next").addClass("tms-arrow-nav").appendTo(b);
                z.each(function() {
                    a(this).on("click", function(a) {
                        a.preventDefault(), p.autoAdvance && b.data("loaded") && y.resetSlideshow(), y.prevSlide()
                    })
                }), C.each(function() {
                    a(this).on("click", function(a) {
                        a.preventDefault(), p.autoAdvance && b.data("loaded") && y.resetSlideshow(), y.nextSlide()
                    })
                }), p.lazyLoad && b.find(".tms-arrow-nav").css({
                    display: "block"
                })
            }

我所做的：要使用的链接缩略图 - a href target="name" 将 iframe 定位为中央播放器屏幕。由于视频播放器实际上是一个滑块插件，所以我遇到了轻微的冲突。

问题：一旦集成（我的补充），视频会在暂停时加载到第二张（共 3 张）幻灯片上。用户不会知道它在那里，但是 - 当通过单击 NEXT 箭头 btn 旋转滑块时，视频开始从滑块的插件功能播放。如果滑块从用户最初单击“播放”缩略图旋转，这会很好。其实效果更可取。

我正在寻求的解决方案：在插件的现有单击功能中包含缩略图链接的类名，其中 NEXT 滑动按钮触发旋转 - 基本上将我的类名添加到其 onclick 函数的 $(this) 中，因此单击中的任何缩略图链接画廊不仅会加载视频（就像现在一样），还会触发幻灯片旋转，前提是滑块插件在旋转时播放视频（就像现在一样）。

选项：如果有问题，我可以完全禁用滑块旋转...如果这样可以消除冲突以开始视频播放。

Codepen：似乎不起作用所以，我在网上主持了一个演示： 滑块演示

1）在打开的标题处播放的视频不是滑块，滑块在此下方，画廊正上方，并在山图标上显示滑块标题。2) 只有左上角的缩略图 (2 Narbonne) 被链接。单击后，视频将加载到第二张幻灯片上，但看起来不会发生任何事情。使用 Next 箭头旋转，您会看到它。随意以任何必要的方式使用演示 - 仅用于此目的。

4

0 回答 0