问题标签 [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 回答
1516 浏览

javascript - Youtube iframe api Uncaught TypeError:对象不是函数?

所以我正在使用以下方法加载一个 youtube 播放列表:

我收到了这个错误: 在此处输入图像描述

奇怪的部分是播放列表加载正常大约一秒钟,然后中断给我那个错误。

对不起,周围的代码:

即使出现错误,所有视频列表的格式也正确。Console.log 证实了这一点。

0 投票
1 回答
1059 浏览

youtube-api - 定位特定的 iframe ID?

我有一个包含多个 youtube 视频的页面。我希望当有人点击每个视频对应的链接时播放视频。

例如:当有人点击视频 2 链接时,会播放视频 2。

HTML

查询

这是我的 JSFIDDLE只有点击视频 1 有效。

0 投票
0 回答
77 浏览

javascript - Chromecasting 时获取 Youtube iframe 状态

我有一个使用 Youtube iFrame api 嵌入 Youtube 播放器的页面。我使用此播放器将 Youtube 视频发送到我的 Chromecast 设备上的默认Youtube 接收器应用程序。

我注意到当播放器连接到 Chromecast 时,播放器抛出的事件并不相同。例如,即使它在 Chromecast 上播放,它也不会说它已暂停或播放。

我的问题是,有没有办法知道嵌入式 Youtube 播放器是否连接到设备以更好地处理这些事件?

谢谢!

0 投票
1 回答
659 浏览

angularjs - 如何延迟控制器(angularjs)的执行直到加载外部JS文件?

我正在开发一个基于 Youtube API 的项目,我已经在其中引导了 Angular。当我需要调用外部 JS 以首先加载 iFrame API js 文件然后允许 Angular 在特定路由上对其进行处理时,我遇到了问题。

问题是 Youtube iFrame API 在加载后调用onYouTubeIframeAPIReady()函数,这个函数需要一个id = 'player'的 html 元素,我只想在某些视图中加载这个 iFrame API。因此无法从索引文件调用 iFrame API,因为它找不到任何id='player' 的元素。

但是,如果我从其中一个视图本身调用它,那么 API 需要时间来创建一个YTPlayer 对象。同时,控制器会要求它并没有找到它。

我该怎么做?

我仍在学习 Resolve 的概念,所以我不确定如何在这种情况下利用它。

0 投票
0 回答
63 浏览

youtube - Youtube iFrame“播放器”对象的方法无法访问,可能是什么原因?

正如您在图像中看到的,在控制台中打印播放器对象时,它会显示所有方法,但是当我单独打印键时,它们无法访问。这是为了表明玩家对象的方法不起作用。我应该怎么办?

0 投票
2 回答
5547 浏览

html - Bootstrap 响应式嵌入未按预期工作

在 Bootstrap 3.1 的网格系统中嵌入视频,视频没有扩展网格列的整个宽度。如何使其 100% 宽到保持纵横比的父列?此外,即使我使用 4:3 视频,它在浏览器中也显得很宽,而且高度很短。这是我的代码:

0 投票
0 回答
261 浏览

youtube-api - 在 youtube iframe 中播放视频时如何提供访问令牌?

我有一个包含多个订阅频道的 youtube 帐户,其中一个是付费的 (PiXL)。我能够成功检索订阅频道列表,包括 PiXL,以及所有可用视频的元数据。

我正在使用 YT.player (iframe API) 播放视频。当我尝试播放 PiXL 电影时,我看到订阅频道而不是播放器窗口的提议。

有没有办法向 YT.player 提供访问令牌,以便播放器知道我有权播放视频?

0 投票
0 回答
1016 浏览

youtube - Javafx WebView 和 Youtube 视频

我正在使用 JavaFX 构建简单的网络浏览器,但我发现在其中播放 youtube 视频存在一些问题。要重现该问题,只需运行以下简单代码:

当我尝试播放 youtube 视频时,我发现它有时可以正常工作,但更多时候会显示消息“发生错误,请稍后再试”(使用同一部电影)。据我所知,JavaFX 使用 Webkit,因此在 Chrome/Firefox 中播放 youtube (html5) 视频或使用 WebView 之间应该没有太大区别。我尝试了 JRE 1.8.0、1.8.20 和两个不同的笔记本,但没有帮助。

当视频以某种方式开始工作时,会出现错误消息:

所以我认为这两个问题可能与webview中的内存泄漏有关。我是对的还是您认为可能有其他解决方案可以解决这个问题?

0 投票
0 回答
2425 浏览

iframe - YouTube iframe API http / https 协议和来源问题

我在 YouTube iframe API 中遇到各种 http/https 和来源错误,这只是 Safari 的问题(我认为在大多数版本上,我使用的是 7.0.4 版)

我收到这些错误:

无法将消息发布到https://www.youtube.com。收件人的来源http://example.com

和:

阻止来源为“ https://www.youtube.com ”的框架访问来源为“ http://example.com ”的框架。请求访问的帧具有“https”协议,被访问的帧具有“http”协议。协议必须匹配。

结果是视频保持黑色,有时其中有一个播放图标。视频通常会加载,它相当随机。视频本身会自动播放,因此无需单击。所有其他浏览器都表现良好。

创建 YTPlayer 时, origin 参数设置如下:

YouTube 本身是这样加载的:

我试过指定“ http://www.youtube.com/iframe_api ”;我得到同样的错误。我的域是 http 而不是 https - 我猜这是问题的根源,我不确定如何阻止 youtube 默认为 https。

0 投票
2 回答
908 浏览

youtube - Youtube 直播状态

我将在我的网站上嵌入一个 Youtube 现场活动。我希望能够输出广播状态。因此,如果活动处于暂停状态,我想显示“On Hold”,如果是直播,我想显示“Live”,如果它结束了,我想显示“Event is Over”,等等。

这可能吗?