B站视频章节跳转与内嵌功能全解析

无论是想快速跳转到视频的精彩片段，还是希望在自家网站上嵌入一个能章节跳转的B站视频，其实现的核心都很清晰。

关键在于两点：视频UP主是否提前配置好了章节，以及调用视频时参数是否给对了。

下面就把每个环节拆解开，一步一步说清楚。

一、在B站APP或网页端手动选择章节跳转

这个功能用起来很直观，前提是你观看的视频本身已经“分了段”。

第一步，打开哔哩哔哩APP或者官网，找到你想看的那期视频。

第二步，轻点播放画面，调出底部的控制栏。

第三步，在控制栏上，找到标有“章节”的按钮（通常是小书本图标或“章”字），点击它。

第四步，会弹出一个目录列表，里面就是视频的各个段落。直接点击感兴趣的章节标题，播放器就会立即跳转到对应位置开始播放。

二、UP主如何为视频添加分段章节

观众能用的所有便利，都来自UP主在后台的提前准备。

想让你的视频支持章节跳转，需要完成以下步骤：

• 第一步：登录B站网页版，从顶部导航进入【创作中心】，再找到【内容管理】里的【稿件管理】。
• 第二步：在已发布视频列表中，找到目标视频。点击右侧的“更多”（…或图标），选择【个性化配置】。
• 第三步：在配置面板中，切换到【分段章节】标签页。
• 第四步：点击“切割章节”按钮。关键点：切割次数是“章节数减一”。例如，想要3个章节，就点2次切割，将时间轴分成3段。
• 第五步：为每一段填写起始时间（格式为“00:00”）和章节标题。核对无误后，点击【提交】。

至此，视频的“骨架”就搭建好了。

三、通过iframe嵌入实现带章节跳转的视频

把B站视频嵌到自己的网站里，并保留章节功能，需要对嵌入代码做些调整。

第一步，在B站原视频播放页，点击【分享】按钮，选择【嵌入代码】，复制弹出的iframe代码。

第二步，仔细检查复制的代码里src链接包含的参数。两个重要参数是：

• danmaku=1（章节功能依赖弹幕系统）
• autoplay=0（通常不建议自动播放）

第三步，为了确保章节控件显示，建议在src地址末尾手动追加参数：§ion=1。

这个参数常是唤醒章节按钮的关键。

第四步，用修改好的完整src地址替换原代码中的src属性。将代码粘贴到你的网页并保存。刷新页面查看效果。

四、验证章节跳转功能是否生效

代码嵌入后，需要进行实际验证。功能未出现，通常有以下原因可排查。

第一步，看是否有按钮。 在网页中加载嵌入的视频，暂停播放后，观察播放器底部控制栏是否出现“章节”按钮。

第二步，核对代码参数。 若按钮未出现，可右键点击视频区域选择“检查”。在开发者工具中找到iframe元素，仔细核对src链接。重点确认是否包含bvid（或aid）、page以及danmaku=1等核心参数。

第三步，检查视频源。 这是最根本的排查：直接去B站打开原视频。如果原视频页面上没有章节，那么嵌入端也绝对不会有。这说明UP主未配置章节。

第四步，切换视图测试。 使用浏览器的设备模拟模式（如Chrome的Toggle device toolbar），切换成手机视图查看。网页的响应式设计可能在移动端下影响按钮的显示。

《夸克》非常好用的免费AI浏览器

下载APP查看