问题标签 [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.
javascript - Youtube iframe API 加载失败或提示播放列表
我使用 Youtube Iframe API,当我尝试使用时,player.loadPlaylist({list: 'PLAYLIST_ID'});
或者方法从昨天开始player.cuePlaylist({list: 'PLAYLIST_ID'});
返回错误。Uncaught TypeError: Cannot read property 'tg' of null
几天前,该方法cuePlaylist
停止触发“视频提示事件”,正如Youtube Iframe API 文档中所述
有谁能够帮我 ?
youtube - YouTube 嵌入崩溃 Chromecast
我目前正在为我们计划中的 Chromecast 应用程序构建一个自定义接收器。我需要在电视上显示 YouTube 视频,以及我们的应用程序包含的其他照片和信息。
但是,每当在屏幕上播放嵌入的 YouTube iframe 时,几分钟(最少 2 分钟,最多 15 分钟)后,Chromecast 就会完全冻结(包括开发工具调试器),最终只会自行重置。
使用这个超级简单的测试页面,每次都可以在多个 Chromecast、各种视频上重现该问题:
有没有人遇到过类似的问题,或者解决方法?
包含的时间线 [1] 显示 iframe 停止通过 AJAX 获取帧,并且在整个事情崩溃后不久。
[1] 记录的开发工具时间线:https ://drive.google.com/file/d/0B_bgLIi2Uw5WcDBHSlpwVlJ5eFE/edit?usp=sharing
javascript - 在 iPad 上执行 playVideo() 命令后,YouTube iFrame API 处于缓冲状态
我对 iPad(iOS 7、Safari 浏览器)上的 iFrame API 有疑问。当我尝试使用“player.playVideo()”命令开始播放视频时,播放器变黑并在我调用“player.getPlayerState()”命令时返回“3”状态(说它正在缓冲)。
点击大红色 YouTube 按钮有效,但使用“playVideo()”命令无效。这可以在 Google 自己的 YouTube API 演示页面上重现:https ://developers.google.com/youtube/youtube_player_demo
确保显示 iFrame,然后点击播放器下方的蓝色“播放”按钮。在桌面浏览器上,这工作正常,但在 iOS7 iPad 上失败。
我需要“playVideo()”命令来控制无铬播放器(无控件)。有任何想法吗?
ios - 在 iOS 上与 youtube-ios-player-helper 第三方库集成时出错
我正在尝试使用youtube-ios-player-helper库播放 YouTube 视频,但在运行时遇到错误:
jquery - 如何通过单击杀死 YouTube 视频
我有一个已插入 YouTube 视频的 div,并且播放效果很好。但我希望能够单击视频上的某处并从 DOM 中删除嵌入代码,因此 div 会回到嵌入代码插入之前的状态,YouTube 视频和播放器完全消失。
我知道有一个 YouTube JavaScript API,但这似乎只是让你向播放器发送命令,如停止、暂停、播放。我想完全消除播放器,并从 DOM 中删除 iframe 似乎是最好的方法。
问题是我在 YouTube 播放器上单击的任何内容都会被播放器拦截,因此我从未在我的 JavaScript 或 jQuery 中收到点击。有什么方法可以让我在我的 JavaScript 或 jQuery 中感知对 YouTube 播放器的点击?
谢谢
html - iframe 的 IE z-index 问题
我有一个 Youtube 视频 iframe 覆盖整个窗口(100% 宽度和高度),我让其余元素在视频上滚动。在 Chrome 和 Firefox 上一切正常,但 IE 似乎没有响应 z-index。
我在这里创建了一个 jsFiddle http://jsfiddle.net/RickyStam/42tLS/在那里你可以看到问题。
HTML
CSS
任何帮助都感激不尽!
javascript - JavaScript 通知在函数中未按预期工作
我最近制作了一个 YouTube JukeBox。我已经完成了所有我想做的事情,除了我试图让通知在播放事件上工作/显示,只有在上一个视频已经结束时。
我尝试设置一个变量,然后在视频结束为真时更新它,但是当我在播放事件中检查它时它一直返回“未定义”。
如果有人可以提供一些关于我做错了什么的见解,我将不胜感激。
html - YouTube HTML5 API - 在轮询播放器当前时间时是否可以获得更好的时间分辨率?
我一直在为此寻找解决方案一段时间,但我仍然没有找到它。我们的应用需要轮询一个 YouTube 视频对象player.getCurrentTime()
来驱动一些屏幕动画。使用 flash API 这很棒,因为我们可以每40ms
隔一段时间(25 FPS)轮询播放器并获得非常准确的当前播放器时间值。我们现在已经开始使用 iFrame API,遗憾的是它不允许任何接近该精度水平的东西。我做了一些研究,似乎因为它是一个 iFrame,apostMessage
用于将播放器状态暴露给player.getCurrentTime()
调用。不幸的是,这个 post message 事件很少被触发 - 有时低至每秒 4 次。更糟糕的是,消息触发的实际速率似乎取决于浏览器的渲染引擎。
有谁知道是否可以强制渲染引擎更频繁地触发这些消息,以便可以实现更大的时间分辨率来轮询播放器?我试过requestAnimationFrame
了,并没有解决问题。有没有人成功地让 iFrame 播放器报告更准确的时间和更频繁的时间?
android - 使用 iframe API 在 Android 手机上播放 Youtube html5 视频
我正在使用以下代码播放 HTML5 视频
基本上我将它嵌入到 HTML5 页面中。它在桌面上运行良好,但在 Android 设备 (Google Nexus 10) 上,它只显示视频的标题并且视频不加载。
html - 使用 HTML5 CSS3 强制 iframe YouTube 视频居中并在后台完全覆盖屏幕
你如何强制 HTML5 iframe
YouTube 视频居中,最终使用 CSS3 HTML 覆盖全屏窗口背景 Java?
例如“ paypal.it ”主页背景或“ unity3d.com/5 ”顶级视频,具有 iframe youtube 视频。iframe
覆盖全屏(缩放)并在重新调整窗口大小时覆盖所有宽度和高度。它重新调整大小,保持 100% 最小宽度缩放高度或 100% 最小高度缩放宽度。
这个效果是如何使用iframe
HTML5 和 CSS3 实现的?
代码示例 HTML5
代码 CSS3 HTML 最终 Java 帮助将不胜感激。