如何知道<iframe>的视频是否正在播放(youtube和vimeo)
要判断一个<iframe>中的视频是否正在播放，可以通过以下步骤进行：
- 获取<iframe>元素：使用JavaScript的document.getElementById()或其他选择器方法获取到包含视频的<iframe>元素。
- 获取<iframe>的内容窗口：使用<iframe>元素的contentWindow属性获取到<iframe>的内容窗口对象。
- 监听视频播放状态：在<iframe>的内容窗口中，可以通过添加事件监听器来监测视频的播放状态。对于YouTube和Vimeo视频，可以使用相应的API提供的事件来监听播放状态。
- 对于YouTube视频，可以使用YouTube Player API提供的onStateChange事件。当视频状态改变时，该事件会被触发，可以通过事件参数中的状态码来判断视频是否正在播放。状态码为1表示视频正在播放，状态码为2表示视频已暂停。
- 对于Vimeo视频，可以使用Vimeo Player API提供的on('play')和on('pause')事件来监听播放状态。当视频开始播放时，会触发on('play')事件，当视频暂停时，会触发on('pause')事件。
- 判断视频是否正在播放：根据监听到的播放状态，判断视频是否正在播放。如果状态码为播放中的状态码（1或'play'），则视频正在播放；如果状态码为暂停的状态码（2或'pause'），则视频已暂停。
下面是一些腾讯云相关产品和产品介绍链接地址，可以根据实际需求选择适合的产品：
- 腾讯云视频处理服务：提供丰富的视频处理功能，包括转码、截图、水印、剪辑等。产品介绍链接：https://cloud.tencent.com/product/vod
- 腾讯云云服务器（CVM）：提供弹性计算能力，可用于搭建和运行各种应用。产品介绍链接：https://cloud.tencent.com/product/cvm
请注意，以上答案仅供参考，具体的实现方式和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我有一个滑块，允许视频嵌入(目前通过粘贴在iframe代码从youtube/vimeo等)。我遇到的问题是，当用户单击视频播放按钮时，视频需要暂停滑块，当滑块移动到下一帧时，也需要暂停视频。看来我需要使用vimeo和youtube API来访问我想要的信息和控制。我已经查看了API，我认为我可能会做到这一点；然而，我的
浏览 0提问于2013-04-07得票数 0
1回答
我的要求是在一个网页中有两个视频...假设我正在玩其中的一个，几分钟后我开始玩下一个。当我播放下一个视频时，第一个视频应该会停止。简而言之，两个视频不能同时播放，其中一个视频应该相应地停止播放。+ $(this).attr('id'); });
浏览 1提问于2014-08-21得票数 0
我将YouTube和视频嵌入urls存储在我的数据库中。然后调用所述模块中的视频URL播放视频。但是，即使关闭了模式，视频也会继续播放。我已经尝试过这种解决方案，它对我很有效，但它为每个视频分配了相同的id。我的意思是，我的页面上有6个不同的视频，这个解决方案就是在每个模式下播放相同的
浏览 27提问于2020-08-16得票数 0
我试图通过将YouTube和其他视频嵌入到iOS源代码中，以便在iOS中显示它们。<embed>和<object>技术都能工作，但是当视频播放失败或传递给它的URL是错误的(因此不能播放)时，它们都不能调用回调函数。-- Actual Youtube URL "http://www.youtube.com/v/J_DV9b0x
浏览 2提问于2012-06-14得票数 3
回答已采纳
我有一个youtube / vimeo内容的iframe，当我的函数被执行时，我可以知道视频是否正在播放。我在youtube API中找
浏览 32提问于2019-08-12得票数 6
1回答
我存储了一些YouTube链接在IFrame和其他一些链接，如Vimeo，DailyMotion视频和这所有的视频显示是自动播放时，我们点击网址。问题: Vimeo和dailyMotion视频是自动播放，但只有YouTube视频没有得到自动播放。谢
浏览 0提问于2013-09-20得票数 0
回答已采纳
我今天注意到UIWebview的一种奇怪的行为。这里值得注意的一点是，这种行为只存在于iPad中&在iPhone中工作得很好。编辑1:在使用代码之后，我注意到缺陷仅限于HTML中使用的“jw-player”，即flash &其他播放器都很
浏览 3提问于2013-07-22得票数 2
我正在尝试制作一个包含YouTube视频的弹出窗口。我拥有的代码是 $('#vid1').magnificPopup({ src: 'http://www.youtube.comv=0O2aH4XLbto' type:'iframe'});
我得到一个弹出窗口，告诉我The
浏览 1提问于2015-04-02得票数 1
1回答
我想将mp4视频包含在html页面中，该页面会自动启动，然后永远循环。 <p><object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95width=1216 height=1216 autostart=1 showcontrols=1 volume=-45
浏览 0提问于2019-08-27得票数 0
回答已采纳
我已经为我们的设计工作室建立了一个网站，其中有嵌入Vimeo的Player.js库的Vimeo视频。我们有一个很大的自定义游标，用于整个站点，但是很明显，这个游标并不适用于iframes。我使用了一个解决方法来循环视频(不需要任何用户交互)，在播放器上放置一个不可见的伪元素，从而允许它仍然被视为我的域。但是，我还创建了一个具有timecode和play/pause
浏览 2提问于2019-02-27得票数 0
我需要自动播放一个Vimeo视频在我的网站。我通过我的Vimeo Plus帐户删除了视频中的工具栏和所有按钮，但我不知道如何删除中间播放/暂停按钮。
没有设置的Vimeo和我找不到任何黑客删除它，因为它是嵌入在一个iframe与我的网站不同的领域。<iframe
浏览 5提问于2015-09-10得票数 1
回答已采纳
YouTube嵌入式视频和Vimeo视频之间的行为似乎彼此不同，而且在iOS/Android平台上也有所不同。在iPhone (使用Chrome浏览器)上，当用户按下YouTube或Vimeo视频</
浏览 7提问于2017-01-22得票数 3
我正在使用Rails 2.3.8，我使用带有图像和视频上传功能的TinyMCE。我发现当我插入Vimeo视频时，它不会工作，因为它需要自己的iframe，如下所示：
<iframe src="http://player.vimeo.com/video/16430948" width="400" height="225&qu
浏览 0提问于2010-11-11得票数 1
我正在尝试将YouTube视频嵌入到加载在WKWebView中的网页中。modestbranding=1&rel=0" frameborder="0" allowfullscreen></iframe>
<iframe src="https://player.vimeo.comYouTube播放器中的全屏模式按
浏览 1提问于2018-07-25得票数 8
回答已采纳
我有一个模型窗口，打开不同类型的媒体，图像，音频，mp4，YouTube和视频剪辑。$(this)[0].player.pause();});});
上面的代码会在视频关闭时停止<
浏览 1提问于2015-11-11得票数 1
我正在制作这个iPhone应用程序，让人们可以观看youtube视频和vimeo视频。我想知道是否有一个自定义播放器我可以整合到我的应用程序中，它将播放来自youtube链接或vimeo链接的视频。
浏览 5提问于2013-11-21得票数 0
我有一个网站(只能使用Internet Explorer7查看)，它由5个部分组成，在第2部分中，我目前正在使用Vimeo嵌入视频。要求是用户在继续下一节之前必须观看所有内容。为了实现这一点，我使用了事件侦听器，它只在所有视频都已被观看时激活“下一步”按钮才能继续(效果很好)
另一个要求是用户能够全屏播放视频，但我使用Vimeo的问题是，它不支持在视频全屏播放时隐藏进度条的选项经过研究和</
浏览 2提问于2015-09-17得票数 0
4回答
<% @videos.each_with_index do |video, index| %> <iframe width" ></iframe> <% if(@video.videotype = "youtube") %>
浏览 0提问于2015-01-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
