0

我正在使用 Flatsome 主题的名为“UX Slider”的 Wordpress 滑块。我有 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]
4

1 回答 1

0

几个不同的事情可能是问题...

  1. 该插件可能会剥离<script>会阻止您的视频正确加载的标签。

  2. 由于拼写错误，您插入的代码可能无法正常工作。


首先，我会尝试使用 Wistia 在其帮助页面上提供的 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>

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

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

于 2016-11-16T06:29:48.607 回答