检索页面上多个 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 播放器的播放器状态 的相关文章

  • Javascript - 检测 Youtube 默认缩略图

    有什么方法可以查看 Youtube 缩略图是否真的存在 或者 Youtube 只是用默认缩略图替换了它 例如 没有此缩略图的视频 http img youtube com vi G75WApUdYJ4 maxresdefault jpg h
  • 带有 OAuth2 的 YouTube API v3:更新和删除失败并出现“权限不足”错误

    我在尝试着update and delete视频使用YouTube API v3 https developers google com youtube v3 docs videos with OAuth2 用于身份验证 https dev
  • 使用 YouTube Data API v3 的视频元数据

    通过使用搜索示例 我可以获得视频详细信息 例如名称 ID 缩略图 URL 但是我如何使用 YouTube Data API 获取视频总时长 提前致谢 进行搜索调用后 您必须调用 Youtube Data API 视频资源 您最多可以在搜索中
  • 如何在控制台中播放和暂停 Youtube 视频?

    转到一个 url 例如 https www youtube com embed zvCBSSwgtg4 https www youtube com embed zvCBSSwgtg4 并打开 chrome 控制台 我想知道什么 javasc
  • Android 应用被 Google Play 拒绝

    我最近向 Google Play 商店提交了一个 Android 应用程序 但收到一条消息说我的应用程序已被拒绝 我不确定问题是什么 也找不到确切的解决方案 拒绝原因 违反了禁止行为条款 内容政策 经过定期审核后 我们确定您的应用程序支持
  • Youtube 退出全屏模式 TextView 可见性问题

    我正在全屏模式下播放视频 当我单击后退按钮时 我可以退出全屏模式 但无法显示我在全屏情况下隐藏的 TextView 要在全屏模式下隐藏 textView 我使用以下代码 Override public void onInitializati
  • 从 iFrame 嵌入 API 获取 YouTube 视频信息

    我正在使用 YouTube iFrame API 嵌入视频并创建一个简单的自定义播放器 我正在寻找视频标题 描述 等 无需再次调用 YouTube 即可获取信息 我无法找到任何相关信息 有什么想法 或者我是否需要额外拨打电话来获取视频信息
  • 使用 Python 中的 YouTube Data API v3 将视频上传到 YouTube 并将其添加到播放列表

    我编写了一个脚本 在 python 中使用 YouTube Data API v3 将视频上传到 YouTube 并借助中给出的示例示例代码 https developers google com youtube v3 guides upl
  • 使用 Youtube API 播放音频

    我们是几个软件开发人员 计划制作一些商业扩展程序或一些网站 使互联网连接速度慢或数据有限的用户可以通过 YouTube 的 API 播放几乎任何视频 尽管在浏览 API 文档时 我们看到了以下部分 Your API Client will
  • YouTube 直播嵌入代码不断变化

    我使用 YouTube 进行直播 并且可以通过将嵌入代码复制到我的网站中来在我的网站上观看它 它看起来像下面这样 但最近我发现 每次进行直播时 我都必须开始使用从直播频道生成的代码来更新网站上的嵌入代码 这是因为它不断重新生成不同的代码 这
  • YouTube 完整的 Java 正则表达式

    我需要解析几个页面才能获取他们所有的 Youtube ID 我在网上找到了很多正则表达式 但是 Java 的正则表达式并不完整 它们要么除了 ID 之外还给我垃圾 要么错过了一些 ID 我发现似乎完整的一个是托管的here https st
  • 使用 iv_load_policy=3 删除 Youtube 注释

    我正在追加iv load policy 3到我的 YouTube URL 末尾以删除视频上的注释 但我发现它不起作用 看看谷歌 这个问题似乎在一年前就已经解决了 我想知道是否有人知道这个错误是否又回来了或者是否有解决方法 我在Win7上的C
  • 如何像 youtube 一样在纸板中观看普通视频

    我有一个可以正常播放的应用程序VR视频 我的应用程序有两个玩家可以玩这两种类型 在我的VrVideoView有一个按钮可以让视频播放立体声模式 我的问题是 我怎样才能观看正常的视频Cardboard就像YouTube app None
  • 停止视频时隐藏 YouTube iframe 中的“更多视频”

    当用户停止视频时 如何隐藏 Youtube iframe 中的 更多视频 部分 例子 我找不到任何解决方案here https developers google com youtube player parameters 如果您安装了 u
  • Google API V3 OAUTH2 挂起 - TokenResponse-用户凭据文件未创建

    Google API V3 OAUTH2 问题报告 The GoogleWebAuthorizationBroker AuthorizeAsync下面的代码在我的 Windows 8 1 上运行良好 当我在 Windows 7 PC 上安装
  • 如何获取 YouTube 频道名称?

    我已经搜索过YouTube 文档 https developers google com youtube v3 并没有找到任何可以从 YouTube 视频中获取其他频道名称的方法 That is 我目前想从以下位置获取频道名称video h
  • 如何使用 YouTube API 获取视频字幕

    是否可以从 YouTube API 检索 获取 YouTube 视频 不属于用户所有 的字幕 在 v2 中 您只能访问视频字幕 在 v3 中 尚不支持字幕 但很快就会支持 这是服务条款问题 而不是提供这些标题
  • iPhone SDK-从我的应用程序中启动 youtube 应用程序

    我正在开发一个使用 UIWebView 来显示 youtube 视频列表的应用程序 为了播放视频 我使用 YouTube 嵌入功能 当用户单击视频缩略图时它会打开 YouTube 应用程序 效果很好 我希望当我单击网页视图上 YouTube
  • 如何识别 YouTube 播放器的音量变化

    我正在使用 angualr youtube embed 指令将 YouTube 播放器嵌入到我的 Angular Web 应用程序中 因为我必须识别播放和暂停以及音量变化事件 为了监听播放和暂停事件 我使用下面给出的代码 scope on
  • 将 Instagram/youtube 嵌入 Shiny R 应用程序

    我想通过点击图表来播放 Instagram 或 Youtube 视频 例如显示异常值等 到目前为止 明确告诉 Shiny 视频内容是有效的 require shiny require ggplot2 data df lt data fram

随机推荐