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

b站视频怎么设置跳转_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地址,替换掉原iframe代码中的src属性,然后把代码粘贴到你的网页里保存。刷新一下页面,看看效果是否出现了。

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

代码嵌入后,千万别以为万事大吉了,实际验证一遍才踏实。功能没出来,无非是几个常见原因。

第一步,在网页中加载嵌入的视频,先暂停播放,然后观察播放器底部控制栏。有没有出现那个熟悉的“章节”按钮? 这是最直接的证据。

第二步,如果按钮没现身,那就右键点击嵌入的视频区域,选择“检查”或“审查元素”。在弹出的开发者工具里,找到iframe元素,仔细核对它的src链接。重点确认里面是否包含了bvid(或旧的aid)、page(分P号)、以及刚才提到的danmaku=1等核心参数。

第三步,这是最根本的排查:直接去B站打开原视频。如果原视频的播放页右下角或章节列表里空空如也,那就甭想了——源头没有,嵌入端是绝对变不出来的。这说明UP主压根没配置章节。

第四步,别忘了用Chrome开发者工具的“设备模拟”模式(Toggle device toolbar),切换成手机视图看一看。有时网页的响应式设计,可能会在移动端视图下隐藏或调整这个按钮的显示方式。

本文转载于:https://www.guofenkong.com/wz/513076.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。