Vimeo Player SDK:使用iframe时事件侦听器不工作
Vimeo Player SDK是Vimeo提供的一种软件开发工具包，用于在网页中嵌入和控制Vimeo视频播放器。它提供了一组API和事件侦听器，使开发人员能够自定义和控制视频播放器的行为。
然而，当使用iframe嵌入Vimeo Player SDK时，事件侦听器可能无法正常工作。这是因为iframe的安全策略限制了跨域通信，导致无法直接访问嵌入的iframe中的事件。
为了解决这个问题，可以采用以下方法：
- 使用postMessage API进行跨域通信：通过在父页面和嵌入的iframe之间使用postMessage API进行消息传递，可以实现跨域通信。开发人员可以在父页面中添加事件侦听器，监听来自嵌入的iframe的消息，并根据接收到的消息执行相应的操作。
- 使用Vimeo Player SDK提供的回调函数：Vimeo Player SDK提供了一些回调函数，可以在特定事件发生时触发。开发人员可以通过注册这些回调函数来监听视频播放器的事件，而不是直接侦听iframe中的事件。
- 参考Vimeo Player SDK的文档和示例：Vimeo官方提供了详细的文档和示例，介绍了如何正确地使用Vimeo Player SDK以及处理事件侦听器不工作的情况。开发人员可以参考这些资源，了解更多关于Vimeo Player SDK的用法和解决方案。
推荐的腾讯云相关产品：腾讯云视频处理服务。腾讯云视频处理服务提供了丰富的视频处理功能，包括视频转码、视频截图、视频水印、视频拼接等。开发人员可以使用腾讯云视频处理服务来处理和优化Vimeo视频，以满足各种应用场景的需求。
腾讯云视频处理服务产品介绍链接地址：https://cloud.tencent.com/product/vod
相关·内容
我正在尝试有一个Vimeo播放器，它可以水平和垂直响应(宽度:100vw；高度:100vh)，并且还可以使用侦听器player.on()来显示和隐藏导航按钮。使用iframe似乎阻止了player.on()的使用。下面的代码显示，我可以让一个需求或另一个需求工作，但不能同时让两个需求都工作。 <!style="padding:56.25% 0 0 0;position:relative;"&
浏览 23提问于2021-07-22得票数 0
回答已采纳
初始化后将侦听器附加到vimeo播放器上的“play”事件时，将收到此错误。player = new Vimeo.Player(vimeo_iframe_id); isVimeoPlaying = true;虽
浏览 5提问于2017-12-01得票数 0
回答已采纳
1回答
我正在尝试使用检测play按钮的点击。这是我的代码：<iframe id="video" src="https://player.vimeo.com/video/21777784?> var iframe = document.getElementById('video');
var player = $f(iframe<
浏览 0提问于2017-01-07得票数 1
回答已采纳
我有一个Vimeo视频嵌入在我的网页上，我想记录一个谷歌分析事件时，用户已经观看了10秒的视频。有没有办法来衡量视频被观看了多长时间？播放器参考: player.js - /* VimeoPlayer - v2.7.1 - 2015-06-26 */
浏览 3提问于2015-07-08得票数 3
使用最新版本的Twitter引导，并通过iframe嵌入Vimeo视频.在BootSnipp ()的帮助下，我构建了一个简单的旋转木马，而不是放置图像缩略图，而是添加了视频。但是，我遇到了一个问题.当您播放第一个视频并单击另一个视频时，第一个视频继续播放。当另一个视频被点击时，我需要停止视频。
其他许多关于YouTube和我在Vimeo上看到的帖子似乎没有帮助。
浏览 1提问于2013-07-18得票数 1
我正在做一个Firefox插件，在Youtube或Vimeo的嵌入式iframe视频上拦截轮子鼠标事件。我让它在普通的YT/vimeo页面上工作(将侦听器附加到窗口，然后查看event.target以识别视频)，问题在于< iframe>标记:它不拦截“轮子”事件(例如，"mouseover“工作)。例如，页面中有类似的HTML代码：
<iframe src="
浏览 4提问于2015-02-18得票数 0
我弄清楚了重定向部分(我想...见下文)，但问题是，当我返回带有嵌入视频的页面时，它会立即将我传输到重定向页面。<div class="video"><iframe src="https://player.vimeo.com/video/253989945?frameborder="0" allow="autoplay; fullscreen" webkitallowfullscreen moza
浏览 20提问于2020-06-27得票数 0
回答已采纳
我真的希望外面的人能有用加载Vimeo视频的经验。 $('#video-container').html(data.html); //puts an iframe embed from vimeo's json$('#video-container iframe').ready(function(){
player = do
浏览 0提问于2011-08-04得票数 7
回答已采纳
4回答
所以，我试着展示一个Vimeo视频，只有当它存在的时候。我正在使用新的JavaScript API。<iframe id="vimeo-player1" src="https://<
浏览 4提问于2017-05-18得票数 6
回答已采纳
id="vimeo221913211" src="https://player.vimeo.com/video/221913211?'src', 'https://player.vimeo.com/video/'+key+'?(null, key), false);fu
浏览 0提问于2018-05-16得票数 2
回答已采纳
3回答
我如何将嵌入的Vimeo视频重置为它在播放完毕后是如何加载的？player.api("unload")
但它不适用于非闪存播放器。
浏览 8提问于2013-11-01得票数 2
回答已采纳
嗨，我已经实现了Vimeo视频，它工作的很好，但我面临的问题是，当视频结束(添加侦听器)事件不工作。 var player = $f(iframe); ifrm.setAtt
浏览 6提问于2015-07-29得票数 7
回答已采纳
1回答
当vimeo视频结束时关闭div
、、、、
所以我做了一个带有iframe视频的Div (VIMEO)和一个跳过介绍的按钮(它用js click关闭div )。我在youtube (使用api)中找到了一种方法，但不幸的是，我需要它在vimeo中，因为它可能隐藏控件，徽标和所有东西。&l
浏览 6提问于2021-05-27得票数 2
我试图捕捉暂停和播放事件，从一个或多个vimeo播放器，我添加了动态的froogaloop。我做了一把小提琴，说明了我的问题。当mydiv有样式时:display:none，事件就绪不会触发。" src="http://player.vimeo.com/video/27855315?allowFullScreen></ifram
浏览 2提问于2014-07-21得票数 0
回答已采纳
1回答
这可能是不可能的，但我正试图在.video-wrapper右侧的右侧设置一个覆盖框，并在单击.video-wrapper div时保持隐藏。有什么想法吗？我已经尝试过everything...making一个绝对的a#hide元素，但是它显然被iframe索引覆盖了。我需要播放按钮是可点击的，所以我不知道我如何能做到这一点，除非我有某种事件发生与vimeo按钮本身。
浏览 0提问于2019-08-13得票数 0
回答已采纳
我正在试着在播放视频时暂停主页上的滑块，这样它就不会一直滑动。请查看。有没有什么办法让它工作，或者在视频播放时暂停滑块的其他方法？我似乎走进了死胡同，别无选择...
浏览 4提问于2011-02-23得票数 5
回答已采纳
我正在使用这个库https://github.com/dobromir-hristov/vue-vimeo-player/tree/master在Vue+Nuxt应用程序中嵌入vimeo播放器，但是有了我自己的自定义控件对于Youtube IFrame API中的示例，有一个名为player.seekTo(nextTime)的方法。此外，我现在从这里https://developer.vimeo</e
浏览 39提问于2021-03-16得票数 1
12回答
静音嵌入的vimeo视频
、、、、
在我正在建设的网站上，我有一个vimeo视频嵌入。客户需要将声音保留在视频上，显然是为了那些在vimeo上找到它的人。然而，对于她的网站来说，声音实在是太烦人了。正如你在下面的代码中看到的，我在链接中使用了autoplay命令，我希望我可以做类似的事情来静音。<iframe src="http://player.vimeo.com/video/4415083?width="500" height="28
浏览 1提问于2014-10-30得票数 30
我在vue js应用程序中使用vimeo播放一个视频，但我无法获得暂停事件和播放事件.下面我已经给出了我正在使用的代码，但是我似乎遗漏了一些东西，或者我没有得到添加的要点。视频正在通过它正在播放的API，但是当视频暂停时，我想获得暂停事件触发器。center;">{{ videoTitle }}</h1> <div class=&q
浏览 7提问于2019-10-12得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
