Question

我正在使用名为＆＃39; UX Slider＆＃39;的Wordpress滑块。通过Flatsome主题。我有3张图片幻灯片和1张我想点击时想要链接到Wistia视频弹出窗口的图片。

这是Wistia为弹出功能提供的代码：

<script src="//fast.wistia.com/embed/medias/####.jsonp" async></script>    
<script src="//fast.wistia.com/assets/external/E-v1.js" async>    </script>
<span class="wistia_embed wistia_async_#### popover=true popoverContent=link" style="display:inline">
<a href="#">Click Me</a></span>

但是，我无法解决如何将其与滑块集成的问题。这是滑块的结构：

[ux_slider]
[ux_banner height="550px" bg="http://myurl.com/myimage.jpg" link="myurl.com"]

<p>Text here</p>

[/ux_banner]
[/ux_slider]

这是我尝试过的，但它不起作用（根本没有视频节目）：

 [ux_slider]
 [ux_banner height="550px" bg="http://www.myurl.com/myimage.jpg" link="" 
 <script src="//fast.wistia.com/embed/medias/####.jsonp" async></script>
 <script src="//fast.wistia.com/assets/external/E-v1.js" async></script>
 <span class="wistia_embed wistia_async_#### popover=true popoverAnimateThumbnail=true popoverContent=link" style="display:inline"></span> ]
 [/ux_banner]
 [/ux_slider]

Answer 1

可能有两个不同的问题......

该插件可能会剥离<script>代码，这会阻止您的视频正确加载。
由于输入错误，您插入的代码可能无法正常工作。

首先，我会尝试使用Wistia在help page上的popover演示代码：

<script src="//fast.wistia.com/embed/medias/pukozq6xf0.jsonp" async></script>
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script>
<span class="wistia_embed wistia_async_pukozq6xf0 popover=true popoverAnimateThumbnail=true" style="display:inline-block;height:169px;width:300px">&nbsp;</span>

如果该代码有效且视频显示，则您最初尝试使用的代码可能存在问题。

如果它仍然不起作用，那么您正在使用的滑块插件可能不支持它。

用视频弹出窗口包裹幻灯片

1 个答案: