检索页面上多个 YouTube 播放器的播放器状态

2023-12-29

我有一个包含许多 YouTube 播放器的 HTML。

我订阅 onStateChange 以在用户播放视频时收到通知。

function onYouTubePlayerReady(playerid) {
    var player = document.getElementById("playerA");
    player.addEventListener("onStateChange", "callback");
}

现在回调获取 newState 作为参数。

function callback(newState) {
    ...
}

仅适用于一名玩家。 但是对于很多玩家来说,我怎么知道是哪个玩家引发了 State Change 事件呢?回调只有一个参数。

有没有办法知道哪个玩家引发了事件表单回调,或者我必须为每个玩家设置不同的回调?


这是我基于其他答案的解决方案:

(1) Add id对象和/或嵌入标签的参数

(2) Add playerapiid https://developers.google.com/youtube/player_parameters#playerapiid视频网址的参数(它应该匹配id)

<object id="video1" data="http://www.youtube.com/v/AAAAAAAAAAA&version=3&enablejsapi=1&playerapiid=video1" ...>
    <embed ...>
</object>
<object id="video2" data="http://www.youtube.com/v/BBBBBBBBBBB&version=3&enablejsapi=1&playerapiid=video2" ...>
    <embed ...>
</object>

(3) 为每个视频创建命名回调函数,并将其分配给播放器中的播放器onYouTubePlayerReady事件。这是一种方法:

function onYouTubePlayerReady(playerApiId) {
  var player = document.getElementById(playerApiId);
  window["onStateChange" + playerApiId] = function(state) {
    console.log("#" + playerApiId + ": new state " + state);
  };
  player.addEventListener("onStateChange", "onStateChange" + playerApiId);
}

我已经发表了一个演示在这里 http://salman-w.blogspot.com/2012/10/multiple-youtube-as3-players-on-page.html.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检索页面上多个 YouTube 播放器的播放器状态 的相关文章

  • 使用 YouTube Data API v3 从播放列表中删除视频

    我正在构建一个应用程序 用户可以通过拖放来创建播放列表 我希望他们能够从播放列表中删除视频 但我对文档感到困惑 我正在使用 youtube api php 客户端库 请记住 用户已登录 youtubeService new Google Y
  • 在 youtube api 中检测播放事件

    我正在寻找一种通过 Javascript 检测嵌入 Youtube 视频中的播放事件的方法 现在我能够检测到状态更改 但我不知道如何在之后解除事件绑定并触发另一个事件来表明它已完成 我也不想使用 add removeEventListene
  • 在您的应用程序 Swift 代码上启动 Youtube 频道

    我花了几天时间找到从我的应用程序打开 youtube 频道的 Swift 代码 但我根本找不到 有人可以帮助我吗 我需要 Swift 中的代码 Swift 3 和 iOS 10 的更新 好的 下面是如何在 Swift 3 中做到这一点 基本
  • 对于来自 Vevo 的视频,Youtube IFrame API onError 触发,错误代码为 150

    让我解释一下我的情况 我想用YouTube IFrame API https developers google com youtube iframe api reference在我的网站上嵌入一些视频 我用id测试了视频wdGZBRAWW
  • 在 YouTube 数据 API 中使用 LiveChat 的配额费用是多少?

    我们目前正在将 YouTube Data API 用于名为 CameraFi Live 的直播应用程序 首先 我们想知道使用 LiveChatMessages 的配额成本 YouTube 数据 API v3 配额计算器 https deve
  • 视频广告未在 YouTube HTML5 播放器中展示

    我正在使用 IFrame Embed 尝试 YouTube HTMl5 视频播放器 我已经成功创建了一个用于加载 YouTube 视频的示例网页 如中所述https developers google com youtube iframe
  • 如何使用 YouTube javascript API 获取特定“秒”的 YouTube 视频的缩略图或快照?

    我想拍摄 YouTube 视频的缩略图http www youtube com watch v ffaTjpA1scI http www youtube com watch v ffaTjpA1scI30秒或120秒 我如何使用 youtu
  • YouTube iframe 不响应 postMessage 命令

    我正在尝试使用来自父级的 postMessage 命令来控制 YouTube iframe 但它似乎不起作用 由于多种原因 我没有使用 YouTube API 只是使用带有 YouTube 嵌入视频的普通 iframe 我尝试发送命令的方式
  • 如何监听youtube iframe的音量变化?

    Here https stackoverflow com a 17087006 4992248我找到了一个如何收听 YouTube iframe 的 播放 暂停 按钮的示例 player addEventListener onStateCh
  • youtube api v3 按关键字搜索 javascript

    谷歌开发人员页面上给出的 按关键字搜索 的 javascript 示例不适合我 https developers google com youtube v3 code samples javascript https developers
  • XCode 8.2.1 错误 - 没有这样的模块 YouTubePlayer

    我在用https github com gilesvangruisen Swift YouTube Player https github com gilesvangruisen Swift YouTube Player 首先 我尝试从任何
  • 如何在 Android 中嵌入和播放 YouTube 视频

    我们可以在 Android 应用程序中观看 YouTube 视频吗 我的意思是 如果我们有 YouTube 上的视频链接 我们可以在 VideoView 或其他小部件中播放它吗 有什么想法吗 答案很简单 是 请查看以下链接 如何在我的 An
  • 仅使用 url 嵌入视频

    给定一个 youtube url 我如何使用 net c 将视频嵌入到页面中 只需添加如下一行 将 autoplay 设置为 0 或 1 取决于您是否希望人们真正留在您的页面上
  • Android Youtube API 可用吗? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有适用于 Android 的 YouTube API 吗 如果不是 除了通过网络浏览器之外 如何从 Yo
  • 如何使用 Expo 播放 Youtube 视频

    我正在尝试使用反应本机 YouTube 组件 https github com inProgress team react native youtube在我的世博项目中 但是 我无法让它发挥作用 到目前为止 我所拥有的只是带有红色边框的黑屏
  • YouTube API v3 检测是否订阅频道

    我希望能够检测当前经过身份验证的用户是否订阅了 YouTube API v3 中的特定 YouTube 频道 一种可能的解决方案是检索当前经过身份验证的用户的所有订阅的列表 并检查该列表中是否包含该频道的频道 ID 这将是一个非常低效的解决
  • YouTube iFrame Player API 无法在 DOMWindow 上执行 postMessage

    我正在尝试使用以下命令将 youtube 加载到我的网页中YouTube iFrame Player API 并在加载时出现以下错误 Failed to execute postMessage on DOMWindow The target
  • 更改屏幕方向时,创建了新活动

    我对 Android 还比较陌生 但在过去的一年里制作了很多应用程序 所以请原谅我 我知道 当您在设备上运行应用程序并通过旋转设备来更改屏幕方向时 所显示的活动将完全重新创建 我转到 YouTube 应用程序 我使用的是 Nexus 7 w
  • Javascript - 检测 Youtube 默认缩略图

    有什么方法可以查看 Youtube 缩略图是否真的存在 或者 Youtube 只是用默认缩略图替换了它 例如 没有此缩略图的视频 http img youtube com vi G75WApUdYJ4 maxresdefault jpg h
  • 如何在 Android 上创建 YouTube 的双击手势?

    我在 Android 上有 exoplayer 的应用程序 我已经创建了 youtube双击手势用动画向前或向后跳跃 10 秒 如何在双击时创建具有波纹效果的半圆 像这样 这个怎么做 我也想实现这样的功能 所以我自己编写了它来 复制 You

随机推荐