You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何让嵌入的YouTube播放列表加载时默认显示视频列表?

解决YouTube播放列表iframe默认只显示单个视频的问题

嘿,这个问题我之前帮人处理过!你当前的iframe加载时只显示单个视频,是因为没有明确告诉YouTube要渲染完整的播放列表界面,只需要调整几个URL参数就能搞定。

直接用下面修改后的代码替换你原来的iframe:

<iframe width="1000px" height="600px" 
        src="https://www.youtube.com/embed/?listType=playlist&list={{list_id}}&controls=2&rel=0&showinfo=1&modestbranding=1&allow=accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
        frameborder="0" 
        allowfullscreen>
</iframe>

关键修改点说明:

  • 替换videoseries为普通embed/并添加listType=playlist:原URL里的videoseries是针对自动播放系列内容的,不会默认加载完整列表界面。通过listType=playlist明确指定这是一个播放列表,让YouTube渲染带侧边栏的完整播放列表界面。
  • 添加&controls=2:这个参数会启用包含播放列表导航的完整控件栏,默认的controls=1只显示基础播放控件,不会展示侧边的视频列表。
  • 你原来设置的rel=0modestbranding=1等参数可以保留,它们不影响播放列表的显示逻辑。

另外要确认一下:你的{{list_id}}必须是有效的YouTube播放列表ID(不是单个视频的ID),可以先把替换后的URL直接在浏览器里打开测试,确保能看到完整的播放列表界面,再嵌入到你的网站中。

内容的提问来源于stack exchange,提问作者areller

火山引擎 最新活动