“未捕获的引用错误:未定义 wistiaEmbed ”

"Uncaught ReferenceError: wistiaEmbed is not defined"

本文关键字：未定义 wistiaEmbed 错误 引用      更新时间：2023-09-26

我在此页面上收到此错误：http://pages.purevisionmethod.com/myopia-class-replay/

我尝试执行此代码：

<div style="width:1240px;max-width:100%;text-align:center;margin:5rem auto 0 auto;">
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script><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_4uf1zbu4se videoFoam=true" style="height:100%;width:100%"> </div></div></div></div> 
<script>
window._wq = window._wq || [];
wistiaEmbed.bind("secondchange", function (s) {
  if(s === 20) {
    $('.hiding').fadeIn(500);
  }
});
</script>

我收到错误："未捕获的引用错误：未定义 wistiaEmbed "

我无法弄清楚发生了什么。引用应由 <script src="//fast.wistia.com/assets/external/E-v1.js" async></script>

但是无论我将文件移动到何处，如果在页眉、页脚、任何地方，我仍然会收到相同的错误。

你能明白为什么吗？

谢谢！！

抱歉，我使用了错误类型的代码来集成它。

因此，对于任何遇到相同问题的使用 Wistia 的人：

您需要使用 API 代码才能使其正常工作：

<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 id="wistia_INSERT_YOUR_VIDEO_ID_HERE" class="wistia_embed" style="height:100%;width:100%">&nbsp;</div></div></div>
<script src="//fast.wistia.com/assets/external/E-v1.js" charset="ISO-8859-1"></script>
<script>
wistiaEmbed = Wistia.embed("INSERT_YOUR_VIDEO_ID_HERE");
</script>
<script>
(function($){
wistiaEmbed.bind("secondchange", function (s) {
  if(s === 20) {
     $('.hiding').show();
  }
});
})(jQuery);
</script>

因此，您必须在我放置的视频ID中粘贴：INSERT_YOUR_VIDEO_ID_HERE。

你可以在普通的Wistia javascript嵌入代码中找到它。这是其中唯一奇怪的数字代码。

对于<div id="wistia_INSERT_YOUR_VIDEO_ID_HERE"，您必须将wistia_放在视频 ID 前面，这样它才能正常工作。

希望对任何人都有帮助！

相关文章：