jquery - 使用 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 视频之外制作自定义播放按钮，则可以通过 click() 事件触发 play() 方法来启动视频。

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

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

#play-button

恢复视频。