Wistia 视频自定义操作

Question

如果我在一个页面上嵌入了两个 wistia 视频，有没有办法让我在点击播放另一个时 stop/pause 当前正在播放的一个？

我的想法是我有一个视频播放（wistia 嵌入）作为背景，没有声音或控件。当我的自定义 "play" 按钮被点击时，它会在我从 wistia 获得的一个单独的弹出窗口嵌入中弹出相同的视频。问题是我想让背景视频在点击弹出视频时停止播放。

这是我的背景视频...

<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
  <div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
    <div class="wistia_embed wistia_async_inij4whj9t videoFoam=true" style="height:100%;width:100%">&nbsp;
    </div>
  </div>

这是我的流行视频..

<script src="https://fast.wistia.com/embed/medias/hez3u29kov.jsonp" async></script>
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<span class="wistia_embed wistia_async_hez3u29kov popover=true popoverContent=link" style="display:inline">
  <a href="#" class="play-hero-video">
    <img src="//air-watch.com/uploads/global-media/home-hero-pplay-icon-2x.png" onmouseover="this.src='//air-watch.com/uploads/global-media/Home_Hero_Hover_Play_icon@2x.png';" onmouseout="this.src='//air-watch.com/uploads/global-media/home-hero-pplay-icon-2x.png';" alt=""> 
    <span>Play video</span>
  </a>
</span>

Answer 1

这里是关于 Glitch 的 an example of how to do that。

Wistia 视频自定义操作

Wistia Video Custom Action

javascript

api

video

wistia