列表的 youtube 播放器 api 始终播放初始视频

2024-01-20

我想切换播放列表https://jsfiddle.net/g1xfh7rd/ https://jsfiddle.net/g1xfh7rd/但它总是重新加载相同的初始播放列表。我尝试了所有建议的解决方案包含视频的 YouTube 播放器 API 列表 https://stackoverflow.com/questions/9148227/youtube-player-api-list-with-videos但没用

    <div id="ytplayer"></div>
    <div onClick="loadPlaylist()">load another</div>


    <script async src="https://www.youtube.com/iframe_api"></script>


    <script>
    // 1. ytplayer code: https://developers.google.com/youtube/player_parameters#IFrame_Player_API

    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;


    function onYouTubePlayerAPIReady() 
    {
            player = new YT.Player('ytplayer', 
            {
              height: '390',
              width: '640',
              playerVars: 
              {
                listType:'playlist',
                list: 'RDEMe12_MlgO8mGFdeeftZ2nOQ'
              }
            });
    }


    function loadPlaylist() {
      player.loadPlaylist('PLuvQYuQ7n4rAtqY1dDvhts08zBoisI8xA');
    }



     </script>
     

它工作得很好,如果你使用对象语法 https://developers.google.com/youtube/iframe_api_reference?hl=en#loadPlaylistDescriptionloadPlaylist() 并添加一个player.stopVideo()。

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

列表的 youtube 播放器 api 始终播放初始视频 的相关文章

  • Jquery文件上传插件进度条

    这个插件 https github com blueimp jQuery File Upload wiki管理网页中的文件上传 并且可以在上传过程中添加很多 UI 元素 您创建一个输入文件类型元素 然后绑定 js 文件 使用实例化代码和 w
  • 如何精确缩放已翻译的d3地图

    我有一张已翻译的地图 以使其正确适合画布 我正在尝试实现一种缩放它的方法 它确实有效 但是当您放大时它会远离中心 而不是以鼠标甚至画布为中心 这是我的代码 function map data total views var xy d3 ge
  • ES6 类文字中的 IIFE

    在 ES5 中我们都可以这样做 myClass prototype myMethod function return function 我可以对 ES6 类文字执行同样的操作吗 不 至少现在还没有 ES6 类仅支持声明方法 因此任何不直接为
  • 弃用警告:时刻构造回退到 js Date

    我正在尝试转换这个日期时间 150423160509 这是 utc 日期时间 改为以下格式 2015 04 24 00 05 09 本地时区 通过使用 moment js var moment require moment timezone
  • Javascript 无法正确排序 DECIMAL 数字

    我有一些代码可以按字母顺序对名称进行排序 我遇到的问题是它处理小数的方式 它对名称进行排序 如下所示 我宁愿它按数字递增 DOG 1 0510 DOG 1 1031 DOG 11 1792 DOG 12 0920 DOG 12 1170 D
  • Cordova SQLite 保存 BLOB

    我的 Cordova SQLite 插件有问题 如何将 BLOB 图像保存到 SQLite 我在 JS 中有 BLOB 对象 Blob size 96874 type image jpeg proto Blob length 1 我试图拯救
  • Javascript 制作音频 blob

    我正在测试 html 音频标签 我想制作音频 blob url 就像 youtube 或 vimeo 那样 并将其添加到 src 开始播放音频 我一直在测试new Blob and URL createObjectURL 但我不知道如何使用
  • 如何将查询参数添加到守卫中的路由并将其传递给 Angular 4 中的组件?

    我在我的 Angular 4 应用程序中使用路由保护 如果条件满足并返回 true 我想向路由添加一个查询参数 这是我一直在研究的代码 Injectable export class ViewGuardService implements
  • 从 XML 获取 viewCount [重复]

    这个问题在这里已经有答案了 我目前正在使用YouTube API https developers google com youtube 来自 Google 我正在尝试获取 viewCount 数组 我已经尝试过这个 但一点运气都没有 He
  • “move(-1)”作为 AngularJS 表达式有什么问题吗?

    我收到此错误 parse ueoe Unexpected end of expression move 从这段代码来看
  • Chrome 跨域 PATCH 请求不起作用

    我有一个带有 REST Api 的网站 现在我正在创建一个浏览器扩展 它将从某些页面收集数据并将它们发送回 REST Api 因为我希望我的扩展能够与 Firefox 和 Chrome 兼容 并且易于维护 所以我将实际代码作为脚本标记注入到
  • 获取输入图像类型选择的图片并加载到图像标签中

    所以 我有一个用于上传 img 文件的输入框 我想要做的是从该数据 或选定的源 中获取数据并将其路由到图像标签的 src 属性中 像这样的东西 http jsfiddle net QC2c4 http jsfiddle net QC2c4
  • 如何在使用类型分散时将箭头添加到行尾

    如何在 y 不等于 0 且系列类型以线宽 2 分散的情况下正确地将箭头添加到行的每一端 在这里我可以看到箭头已添加但未正确添加 请看这个 部分工作小提琴 http jsfiddle net vnYCX 这是我的 JS 最初的原型是由 sta
  • Ajax 函数在重定向后不保存滚动位置

    正如标题所述 我编写了一个 ajax 函数 该函数应该滚动到用户在重定向之前所在的位置 我写了一个alert对于测试场景 它确实触发了 但滚动不断回到顶部 我在这里做错了什么 JavaScript ajax type GET url Adm
  • 如何使用 Node.js 解析 JSON? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我应该如何使用 Node js 解析 JSON 是否有一些模块可以安全地验证和解析 JSON 你可以简单地使用JSON parse h
  • 如何获取从 Express (Node.js) 中的表单传递的数据

    我想获取使用表单从页面传递的数据 并在重定向的页面中使用该数据 我的客户端有这个表格
  • 检测 html 选择框上的编程更改

    有没有办法让 HTML 选择元素在每次以编程方式更改其选择时调用函数 当使用 JavaScript 修改选择框中的当前选择时 IE 和 FF 都不会触发 onchange 此外 更改选择的 js 函数是框架的一部分 因此我无法更改它以在结束
  • 如何在react.js中将/n替换为换行符?

    我正在尝试更换每一个 n to a br tag in ReactJS In my note note对象有一个包含多个的字符串 n in it 示例注释 注释 test ntest ntest 我尝试过的ReactJS note note
  • javascript从字符串创建不区分大小写的正则表达式

    我试图通过以不区分大小写的方式将输入与正则表达式匹配来进行验证 正则表达式作为对象上的字符串从服务中下来 我可能会得到类似的东西 regex ane 我可以执行以下操作 var rx new RegExp object regex The
  • 引导网格中的绘图图周围有巨大的空白

    我有一个 Net 应用程序 我试图在其中使用创建一个图表bootstrap js and plotly js 当我创建响应式图表时 我遇到网格中存在巨大空白的问题 我发现问题的一部分是plotly svg container的大小默认高度为

随机推荐

  • RDS 集群和数据库实例概念

    我需要创建 RDS Aurora 5 7 数据库 我想我对RDS的概念不太清楚 这是正确的层次结构吗 aws rds cluster gt aws rds cluster instance gt aws db instance我应该需要定义
  • 请求标头未从拦截器角度 2/4 成功更新(401 处理)

    我正在使用 Http 拦截器并尝试重试失败的请求来处理401 error 我正在尝试设置一个新标头来更新请求 但它不起作用 我注意到我的标头没有通过请求设置 而是转到lazyUpdates内部标头 任何人都可以告诉我为什么会发生这种情况 检
  • 更改 emacs 文本模式的边距

    我发现根据自己的喜好更改 emacs 中的边距而又不会出现滑稽的情况的唯一方法是 add hook window configuration change hook lambda set window margins car get buf
  • codeigniter 中的无限滚动 jquery 插件

    我的 config 文件夹中有一个 pagination php 文件 代码如下 config num links 5 config use page numbers TRUE config query string segment pag
  • 使用批处理文件计算文件夹和子文件夹的数量

    我正在创建一个批处理文件 当给定路径时 它将计算其中的所有文件夹和子文件夹 到目前为止 我只能收集路径第一层内的文件夹数量 然后我会将其传输到一个文本文件 这是我到目前为止所拥有的 for f a in dir b ad folder fi
  • mgcv bam() 错误:无法分配大小为 99.6 Gb 的向量

    我正在尝试使用 bam mgcv 库 拟合加法混合模型 我的数据集包含来自对 300 个健康中心内 2 10 5 名儿童生长情况的纵向研究的 10 6 观察结果 我正在寻找每个中心的坡度 模型是 bam haz s month bs cc
  • 使用 uint64_t 作为键和结构体作为值的 GHashTable

    我正在学习GHashTable 虽然 Stackoverflow 中已经有一些例子 但它们只是一些常见的情况 所以我仍然不确定如何实现我的要求并决定寻求帮助 我想用一个uint64 t作为钥匙和struct作为价值 我发现没有这样的内置哈希
  • 您可以将 VectorDrawable pathData 转换为 Path 对象吗

    是否可以拉动pathData出于一个VectorDrawable并将其转换为Path目的 我想创建一个自定义ViewOutlineProvider并给它一个任意形状来剪切和投射阴影 如果有办法直接使用VectorDrawable那就更好了
  • 内联柔性容器宽度不增长

    考虑以下布局 div class div span class span1 test span span class span2 test test test test test span div 和CSS div display inli
  • 是否有一个 Excel 公式可以搜索列表并突出显示包含不同列表中的单词的文本? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我在 Excel 文档中有两个表 更像是列表 两者都只是一列 我想创建一个公式来搜索第一个列表并突出显示包含第二个列表中的某个单词的任
  • Qt 翻译非源文件中的字符串

    我有一个使用 XML 文件的 Qt 项目 这些 XML 文件包含人类可读的文本 并且应使用 Qt 工具 lupdate lrelease QtLinguist 翻译该文本 问题是是否可以通过 lupdate 在 ts 文件中生成条目 而无需
  • Jetpack compose 中使用 AppCompatActivity 代替 ComponentActivity

    我想打开datePickerJetpack compose 中单击按钮上的对话框 为此 我在按钮的内部使用以下代码onClick action val context LocalContext current Button onClick
  • 清除 EB 初始化配置

    有没有办法清除以前的 eb init 配置 之前的配置包含早期 AWS 账户中不存在的资源 我正在使用新的 AWS 账户并想要初始化现有的 Beanstalk 环境 Thanks 您可以随时添加 help到命令以查看可用的选项 例如 eb
  • Angular Datepicker更改日期格式

    我使用 Angular Material 中的 DatePicker 我想将输出格式更改为yyyy mm dd 目前它以以下格式打印日期 Wed Nov 14 2018 00 00 00 GMT 0100 Central European
  • Eclipse:启用自动完成/内容辅助

    如何在 Eclipse 中启用自动完成功能 我找不到它 If you would like to use autocomplete all the time without having to worry about hitting Ctr
  • 使用 Quercus 从 Java 调用 PHP

    我有一个示例 PHP 类 我想在我的 Java 应用程序中使用它 我们决定使用 Quercus 作为进行集成的库 有人可以告诉我如何使用 Quercus 从 Java 代码调用 PHP 类吗 例如 PHP 类名称是calculator ph
  • 在 Mac OS X 上编译 ncurses 应用程序时出错

    我试图在 Mac OS X 10 6 8 上编译基于 ncurses 的应用程序 但出现此错误 Undefined symbols for architecture x86 64 initscr referenced from main i
  • 带有 SQL Server 后端和 pyodbc 的 Airflow Scheduler

    我已经将 Airflow 设置为 SQL Server 作为后端 SQL Azure 初始化数据库成功 我试图每 2 分钟运行一次简单的 dag dag 有 2 个任务 打印日期 sleep 当它启动气流调度程序时 它会为这两个任务创建任务
  • 文件/路径的 PHP 正则表达式

    匹配以下任意一项的 php 正则表达式是什么 privacy html privacy htm privacy w3c privacy html w3c privacy htm w3c privacy thanks JP Try w3c p
  • 列表的 youtube 播放器 api 始终播放初始视频

    我想切换播放列表https jsfiddle net g1xfh7rd https jsfiddle net g1xfh7rd 但它总是重新加载相同的初始播放列表 我尝试了所有建议的解决方案包含视频的 YouTube 播放器 API 列表