单击时未播放 Vimeo 嵌入视频 [关闭]

Posted

技术标签:

【中文标题】单击时未播放 Vimeo 嵌入视频 [关闭]【英文标题】:Vimeo embed video is not playing when clicked [closed] 【发布时间】:2021-10-02 06:47:03 【问题描述】:

您好,在这个网站上,我在图像上有一个覆盖播放按钮,单击该按钮将加载 vimeo 视频并播放它,但这里的问题是视频确实加载但自动暂停。即使自动播放参数已经存在。有问题的网站就是这个。

https://transplant.tv/portfolio/sharing-schemes/

这是因为 chrome 和其他浏览器政策阻止了视频的自动播放吗?

【问题讨论】:

【参考方案1】:

是的,有一些浏览器政策不允许您自动播放视频,直到页面上没有用户交互。因此,基本上,如果您在单击按钮时显示视频,则可以使用自动播放。

我不久前尝试执行以下操作,发现只有在我之前在页面上进行过一些交互(如点击)时它才有效。

Here 是来自 Google 的详细政策变更。

【讨论】:

如果您为此提供任何解决方法或解决方案会很有用 好的。 Here 是一个工作小提琴,可以通过示例解释您需要了解的所有内容。关键是在生成具有自动播放属性的视频之前,您必须在页面上进行任何交互。所以如果你加载一个页面并且视频在 DOM 中,它不会自动播放,因为你在页面生成之前没有在页面上进行任何交互。

以上是关于单击时未播放 Vimeo 嵌入视频 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

动态添加/控制 vimeo 嵌入

304 在 iOS Cordova 应用上播放 html5 视频时未修改

如何跟踪嵌入视频(youtube、vimeo 等)的点击事件? (跟踪播放次数)

视频没有播放嵌入式vimeo视频jquery fancybox?

播放 vimeo 嵌入时向 div 添加一个类

使用自定义字段从 Youtube 或 Vimeo 嵌入背景视频