使用 jQuery 按钮播放 Wistia 视频

Posted 2023-05-09

【中文标题】使用 jQuery 按钮播放 Wistia 视频

【英文标题】：Play a Wistia video with a button with jQuery

【发布时间】：2015-02-18 00:17:08

【问题描述】：

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  ></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>

【参考方案1】：

如果您在嵌入的 Wistia 视频之外制作自定义播放按钮，您可以触发 play() 方法以使用 click() 事件启动视频。

$('#play-button').click(function()

    wistiaApi.play();
);

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

#play-button

恢复视频。

【讨论】：

欢迎来到 ***。请您在您的代码中添加一些解释来解释它的作用以及它如何解决问题 - 这将有助于未来的其他人