0

Flatsomeテーマの「UX Slider」というタイトルのWordpress用スライダーを使用しています。3 つの画像スライドと、クリックしたときに Wistia ビデオのポップアップにリンクする 1 つがあります。

これは、Wistia が popup 関数に提供するコードです。

<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 に答える