使用jQuery按钮播放Wistia视频

Question

Wistia视频的按钮不是原始嵌入代码，因为它必须自定义。回调函数是什么样的？我可以在API嵌入代码和下面的iframe之间进行选择。当我的自定义按钮被击中时，我希望能够用jQuery“点击”iframe。

视频嵌入代码：

<iframe src="//fast.wistia.net/embed/iframe/ff0oaf33o5?videoFoam=true" allowtransparency="true" frameborder="0" 
       scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen 
       webkitallowfullscreen oallowfullscreen msallowfullscreen width="1000" height="563"></iframe> 
     <script src="//fast.wistia.net/assets/external/iframe-api-v1.js"></script> 
     <script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script> 
     <script> 

Answer 1

如果您在嵌入式Wistia视频广告之外制作自定义播放按钮，就可以触发play（）方法与点击（）事件开始播放视频。

$('#play-button').click(function() 
{ 
    wistiaApi.play(); 
}); 

这只会播放视频而不会暂停播放。 如果视频暂停，您可以点击

#play-button 

恢复视频。