问题标签 [youtube-javascript-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.
javascript - 使用 javascript,当用户点击播放时,如何让 YouTube 视频全屏显示?
我有一个带有 YouTube 视频的页面。当用户单击播放时,客户端希望视频全屏显示,并绕过通常的步骤,即单击播放器上的全屏图标。
我一直在到处寻找这个问题的答案,也许这是不可能的,但它似乎应该在那里。我在 YouTube Javascript API 参考中没有找到任何关于它的文档。
javascript - 使用 element.addEventListener 的正确方法
我有一些 JavaScript 函数,它们充当<object/>
触发自定义事件的对象的事件侦听器。有问题的对象是启用了 JavaScript API 的 YouTube 播放器。文档提供了附加事件侦听器的示例代码:
但是,根据addEventListener
我在其他地方看到的示例,不建议使用引号:
那么哪种方法是正确的呢?第一个似乎适用于所有浏览器,但最近我注意到一些奇怪的问题,我想知道这些问题是否与调用 addEventListener 的方式有关。
javascript - 在 JavaScript 中隐藏/显示 - 停止播放 YouTube iframe 视频
我使用 iframe 函数嵌入视频,并且通过 JavaScript 隐藏/显示内容和视频。
我有一个问题。当我在第一个视频上按播放,然后在不停止第一个视频的情况下单击下一个,第一个视频继续播放。
显示新内容时,我该怎么做才能在“背景”中停止视频?
我只是使用这个简单的 JavaScript 函数,其中“pic1”和“pic2” id 是 div 的 id,视频嵌入其中。
我似乎无法让它工作。我试图删除,但如果你愿意,你将无法再次看到视频。
javascript - YouTube API 目标(多个)现有 iframe
我试图了解如何使用 YouTube API 定位现有的 iframe(即不使用脚本构建 iframe)。
像往常一样,谷歌没有提供足够的 API 示例,但解释说这是可能的,这里http://code.google.com/apis/youtube/iframe_api_reference.html
这是我正在尝试做的一个示例 - 缩略图下方的视频应该播放。我快到了,但只有第一个视频播放......
jquery - 用于视频的 JQuery 弹出模型
我是 JQuery 的新手,正在尝试在缩略图中显示 YouTube 播放列表,如果用户单击缩略图,视频将在模式弹出窗口中播放。我发现了一些基于播放列表 ID 检索 youtube 播放列表的代码,并且效果很好:
我发现了无穷无尽的 JQuery 弹出示例,但问题是它们都使用与本示例不同的 JQuery 版本,因此它们相互取消并且模式弹出不起作用。
谁能告诉我如何使用用户单击的视频制作模式弹出窗口?
更新:终于找到了解决 JQuery 冲突问题的方法。似乎 jquery.min.js 需要先加载,然后再加载任何其他 jquery 脚本。这解决了大部分问题,但出现了一个新问题;链接会根据需要显示,但是当我单击它们时,什么也没有发生。我决定在 IE9 中使用 F12 功能并查看正在生成的 HTML ......一切看起来都不错,但这里有点奇怪......如果我在我的页面上查看源代码,我会得到相同的代码如上。如果我使用 F12 并查看它,我会看到所有 html 标记。当我将 F12 的内容保存到一个新文件并在 IE 中打开它时,它可以工作了!那么,有什么区别呢?IE 没有写出需要的 html 吗?现在彻底迷路了......
更新#2:这是我的最新代码,其中包含 jquery 模式弹出窗口:
正如您在静态链接“ham”中看到的那样,视频在弹出窗口中显示得很好。但是带有缩略图的视频(由 jquery 函数创建)都不起作用。
想法???
youtube-api - YouTube api - IE8-9
我正在尝试在我的网站上运行 YT 播放器,但 IE8 和 IE9 存在问题 - 播放器未加载。 http://code.google.com/intl/pl/apis/youtube/youtube_player_demo.html
代码:
javascript - CoffeeScript - 等效的 JS 代码无法播放嵌入式 Youtube 视频
我正在使用 swfObject 在网站上嵌入 Youtube 视频,因此我可以使用 Youtube Player API 对其进行操作。但是,我正在用 Coffeescript 重写网站,并被困在这个问题上。
这是html:
以下代码有效:
但是,等效的(我认为)coffeescript 代码不:
编译为以下 JS:
它在 Firebug 中给了我以下错误:
ytplayer.playVideo 不是函数
return ytplayer.playVideo();
php - 标识符在数字文字之后立即开始
我在我的网站上展示了几个视频,并在视频的 YoutubeID 之后生成代码。到现在为止,它运行没有问题,但使用 ID 6BD2qnBozvE,我的脚本将无法运行。
我的代码
Firebug 中的错误消息
标识符在数字文字之后立即开始 [Break On This Error]
6BD2qnBozvE = document.getElementById('6BD2qnBozvE');
为什么会发生这种情况,我该如何解决?
编辑:杰里米班克斯解释了原因,但我仍然不知道如何解决我的问题。
这就是我生成 Javascript 代码的方式:
php - 从 youtube 获取视频链接
在我的一个应用程序中,我需要展示一个 YouTube 视频。如果用户提交视频,那么我必须检查该视频在 YouTube 中是否存在。如果可以,那么我必须将视频 ID 保存在我的数据库中并在网页中生成视频。
有什么方法可以验证 YouTube 视频吗?
jquery - 如何在 youtube 播放器中嵌入多个视频
我正在尝试创建一个简单的 youtube 播放器,它应该显示视频的缩略图并且应该连续播放它们。我知道 youtube Instant 会这样做,但是 JS 被缩小了,所以我无法理解它。我不是在寻找可以嵌入到播放器中的预制播放列表,因为最终我希望能够通过 ajax 加载添加更多视频。现在我只是想拥有一个可以播放两个视频的播放器。
这就是我到目前为止所拥有的:http: //jsfiddle.net/V2nJG/4/