问题标签 [youtube-iframe-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1060 浏览

javascript - Youtube iframe API - 重置音量

我使用 api 创建了一个嵌入式 iframe,并将音量设置为零。我使用脚本更改 iframe 的来源,并注意到卷恢复为满。

player.setVolume(0);每次更改 iframe 的源时,我都尝试附加到脚本以执行,但是我收到一个错误,该错误每秒不断重复几次,不断地:

Unable to post message to http://www.youtube.com. Recipient has origin https://www.youtube.com. www-widgetapi-vflXx2oJO.js:26 g.A www-widgetapi-vflXx2oJO.js:26 g.F www-widgetapi-vflXx2oJO.js:25

这是确切的脚本:

其中 #tv 是 youtube iframe api 生成的 iframe 元素。

在保持音量为 0 的同时更改视频源的更好方法是什么?

0 投票
0 回答
259 浏览

youtube - YouTube iframe API playVideo() 停止工作

目前还有其他人对 YouTube API 有疑问吗?大约 2.5 小时前,我收到来自两个不同客户的报告,称他们在网站上的播放已停止工作。它们在网站方面似乎都正常运行,但返回的YT.player对象没有playVideo()方法并且永远不会触发onReady。几个月来,这些事情中的任何一个都没有更改代码。

您可以在此处查看问题的 URL(尽管脚本已缩小)- http://brisbanepowerhouse.org/videos/the-removalists-david-williamson-interview/
您也可以尝试此页面上的第一个视频(未缩小) - http://thenewdaily.com.au/videos/?author_name=susannah-guthrie - 但它会定期更新内容,并且不能保证在有人看到时它仍然是排名第一的 YouTube 视频(该网站还使用 Vimeo 嵌入)

干杯!

0 投票
3 回答
10013 浏览

javascript - YouTube IFrame API 播放方法在某些 Android 平板电脑上触摸之前不起作用

我们正在开发 YouTube 播放器并使用 IFrame API。除了在我们的 Android 4.2.2 测试设备上,一切都非常好。

只有在这些设备上(而不是在任何其他版本的 Android 上),有必要通过触摸视频视图“手动”启动视频。在所有其他设备上,我们可以使用 YouTube 方法以编程方式开始播放视频。

一旦以这种方式开始播放视频,YouTube API 就会按预期工作(即,播放、暂停、停止方法都以编程方式按预期工作)。

这是我们代码的本质:

如果我们尝试在用户“手动”启动视频之前以编程方式播放视频(在 Android 4.2.2 设备上),视频会开始缓冲然后失败。失败后,视频视图会变黑并显示一个明显的图案,如下图视频视图的左上角所示:

Android 4.2.2 上的 YouTube API 在此处失败

有没有其他人遇到过这个问题?有人对如何处理有任何建议吗?

0 投票
0 回答
786 浏览

javascript - 用于包装 YouTube iFrame API 的 Angular 服务 - loadVideoById() 引发异常

Cdoe:

一旦我调用“setVideo”,我得到的错误如下:

TypeError: Object #<S> has no method 'loadVideoById' at Object.ytplayer.setVideo (http://localhost:8000/js/youtube.js:36:23) at Object.fn (http://localhost:8000/js/controllers.js:2939:33) at h.$get.h.$digest (http://localhost:8000/lib/angular/1.2.5/angular.min.js:98:396) at h.$get.h.$apply (http://localhost:8000/lib/angular/1.2.5/angular.min.js:101:157) at HTMLInputElement.h (http://localhost:8000/lib/angular/1.2.5/angular.min.js:123:493) at HTMLInputElement.x.event.dispatch (http://localhost:8000/js/jquery.min.js:5:14129) at HTMLInputElement.x.event.add.v.handle (http://localhost:8000/js/jquery.min.js:5:10866)

注销该对象给了我:

Y {b: wb, a: iframe#ytPlayer, o: null, closure_uid_613255056: 2, u: 2…} D: Object a: iframe#ytPlayer b: wb closure_uid_613255056: 2 d: 43 g: N h: "player" i: Object k: Object o: null s: Array[0] t: true u: 2 __proto__: c

任何帮助是极大的赞赏!

0 投票
2 回答
489 浏览

youtube-iframe-api - Youtube Iframe api 在 ipad 上无法始终如一地工作

使用下面的代码,Youtube Iframe API 不会在 iPad(iPad(第三代))safari 上一致地加载视频。它在 iPad 上的前几次运行良好。当我点击加载另一个视频时,它会正确交换预告片图像。但是点击播放按钮在第三次、第四次以后不会有反应。在桌面浏览器上它工作正常。任何人都可以建议我可能错在哪里或更好的方法。

示例代码在这里。 http://jsfiddle.net/AQsZL/

已编辑:可能与此问题有关https://groups.google.com/forum/#!topic/youtube-api-gdata/EDqVaT5AMYk

0 投票
2 回答
1607 浏览

ios - 无法播放 VEVO 视频

我正在尝试使用 LBYoutTubeView 在 iPhone 中播放 VEVO 视频。

https://github.com/Ariharan/LBYouTubeView

以下是 VEVO 视频网址 https://www.youtube.com/watch?v=kffacxfA7G4&feature=youtube_gdata_player

我使用 YouTube Data API 获得了这个 URL。

但我无法播放视频。

0 投票
0 回答
891 浏览

css - 在框架中嵌入响应式 youtube 视频?

首先,这是问题示例的 CodePen 链接:http ://codepen.io/Siyfion/full/sphCn

以及代码本身:http ://codepen.io/Siyfion/pen/sphCn

我有一个 iPad SVG 图像,中间有一个切口,我想在其中放置一个 YouTube 嵌入式视频。我遇到的问题是图像位于 Bootstrap 响应网格中,这意味着它将根据设备的宽度/高度改变大小。

我尝试使用基于百分比的偏移量来定位和调整嵌入视频的大小。但无论出于何种原因,它似乎无法正常工作,因为在调整大小时,视频会相对于切口缩小,留下一个可见的白色“间隙”。

0 投票
1 回答
1024 浏览

javascript - YouTube Frame API:事件监听器仅适用于初始视频

在使用 YouTube Frame API 时,我从 Google 文档中获取了示例代码,它会在 6 秒后暂停传递给 iframe 的视频:

这一切都很好而且很花哨,但是我在另一个以 iframe 为目标的 div 中加载了视频,并且它们不响应此事件侦听器(即它们在 6 秒后继续播放)。为什么是这样?它仍然不是同一个 iframe 吗?查看页面源代码时,id 和 name 似乎已签出。

编辑:刚刚注意到在运行 Inspect Element 时,iframe 没有改变,即源代码中的视频仍然与初始视频相同,而不是新加载的视频。一个线索,但我现在有点困惑。

0 投票
2 回答
1993 浏览

javascript - YouTube iframe api(现有 iframe);无法让 iframe-api 工作

我正在制作一个“视频循环器”,它可以让我们在一个网站上拥有多个视频;但只有其中一个很大。计划是在视频播放完毕后让它们“自动循环”。我打算使用 onStateChange 功能来确定何时应该循环它们。一切进展顺利,因为我似乎无法让 api 工作。

(使用不同的 videoID,因为真实视频尚未公开)

HTML:

JavaScript:

日志:加载资源失败:服务器响应状态为 404(未找到)

0 投票
2 回答
3526 浏览

youtube - 是否可以使用 Youtube Api 创建我自己的 youtube 播放列表

是否可以使用 YouTube API 创建我自己的 YouTube 播放列表?

我想获取 YouTube id 的列表,并将视频附加到我的页面。

可能吗?

谢谢