问题标签 [wistia]

我正在使用 Gridsome 建立一个网站。我想在其中一个页面上嵌入 Wista 频道视频库。如果您查看代码，我想将其放在图像顶部的“框架”div 类中。但是，我不确定应该将 Wistia 脚本放在哪里或如何放置。任何帮助，将不胜感激。这是 Gridsome 页面的代码：

这是 Wistia Gallery 的嵌入代码：

嗨，我正在尝试让一个按钮在 30 分 30 秒后出现在我的视频下方。当我联系 Wistia 支持时，他们给了我这个链接并告诉我他们不是编码员，无法进一步帮助我。我对javascript一无所知，我知道一点CSS。我在这里阅读了另一个网站上的帖子并将其复制到我的网站，希望它会起作用。我在视频的内嵌嵌入下方添加了 javascript 代码，然后将 CSS 放入 wordpress 中的自定义附加 css 编辑器中。

当我这样做时，它的一部分起作用了，我在那里的按钮消失了，但是当我试图在 30 分 30 秒的标记处触发它时，它从未出现过，我根本无法让它出现。这是该页面的链接，供您查看，下面是我用来嵌入视频的代码以及用于隐藏按钮的 css。任何帮助将不胜感激，因为我对此很陌生。

这是我在视频嵌入中使用的代码：

这是我在 wordpress 编辑器自定义 > 附加 CSS 上使用的 CSS：

我正在构建一个具有视频播放器的 Android 和 iOS 应用程序，我正在为我的视频使用一个视频托管站点 (Wistia)。所有视频都受域限制，这意味着这些视频将在列出的域上播放。视频在网络应用程序中正常播放（因为我们允许为该域播放视频）但我无法在我的 Android/iOS 应用程序中播放这些视频。

注意：当我从视频中删除域限制时，我可以在我的应用程序中播放视频。

有人可以帮我找到我的 Android 应用程序的域吗？我应该在代码中哪里定义它？

以下是 Wistia 嵌入式代码：

谢谢你。

我将 Wistia 播放器 API 用作我的应用程序 ( https://wistia.com/support/developers/player-api ) 的一部分，其中一项功能是在视频之间切换。我正在利用该replaceWith()方法将视频从一个过渡到另一个。并且还应用了“交叉淡入淡出”过渡。

例子：

这可行，但过渡确实在显示白色的地方存在间隙，而不是直接显示下一个视频。

有什么方法可以用来改善这种过渡吗？也许缓存或预加载？

我在 Wistia 的视频中添加了一个 cta。我正在为 cta 使用原始 HTML。这是我的代码：

然后我按照此页面上的 Wistia说明进行操作。我在页面上有这样的代码：

在 console.log 所在的代码中，我试图捕获 cta 的 onclick 事件。我曾尝试深入研究开发人员控制台中的“视频”，但找不到任何具有“隐藏弹出窗口”类的内容。这个事情谁有经验？有人可以帮我捕捉事件吗？

谢谢你。

我正在使用 Wistia 脚本将视频嵌入到我的 vuejs 页面中，使用他们的后备脚本成功嵌入了视频，如下所示：

现在我想听play和end事件将用户的观看状态更改为正在观看/观看。我正在像他们的指南一样添加下面的两个脚本，但它不起作用。

请注意，如果我将它们放入单独的 html 文件而不是 vuejs 组件中，这些脚本将起作用

我不确定如何使用 vuejs 正确设置这些事件。

在片段中，我通过延迟加载加载了 Wistia 嵌入式视频。使用autoPlay=true，我无法在视频开始播放时取消静音。

muted=false似乎不像这里的文档中描述的那样工作。

关于如何在自动播放为真时将其静音的任何想法？

如何确保加载嵌入式 Wistia 视频后始终加载我的 Javascript？

我有一个嵌入了 Wistia 视频的页面，以及一些试图执行以下操作的 Javascript：

1. 检测视频的播放按钮（和全屏按钮）
2. 监听单击播放按钮的时间（或再次单击，也就是暂停）
3. 单击播放按钮时启动计时器
4. 视频暂停时暂停计时器
5. 足够的时间过去后，揭示一些隐藏的内容

我在测试期间有这个工作，但后来我意识到它在大多数情况下都失败了，因为我的 Javascript 在加载 Wistia 视频之前运行，因此，它没有找到我需要添加事件监听器的视频元素。

我试图查找延迟 javascript 或等待整个页面加载的解决方案，但它不起作用。您可以提供任何帮助以使此计时器 100% 工作，我们将不胜感激！

请在下面查看我的代码，或在此处查看 JSFiddle：https ://jsfiddle.net/skuq16t3/

HTML

CSS

Javascript

I'm working with an embedded video from a company called Wistia (wistia.com). My goal is to lazyload the video, but there's a dependency that needs to load with the accompanying script. On Click, the script is appended to the head of the page. However, an additional click is needed to play the video.

How do I load the dependency to the head and immediately start playing the video without the additional click?

在下面的代码片段中，我使用 fetch 方法来加载我的资源并播放 Wistia 视频嵌入。我不能做的是在我点击播放后让视频自动开始播放。单击播放会删除初始叠加图像，但需要再次单击才能开始播放视频。

如何设置自动播放以在单击覆盖图像后运行？