使用 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() 方法以使用 click() 事件启动视频。

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

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

#play-button

恢复视频。