☰
B站视频旋转90度,你还在买什么源码吗?
2026/9/27 3:19:42 网站建设 项目流程

一句话结论

B 站电脑网页版原生播放器没有自带旋转按钮,不用下载源码编译!有 3 种方案,从临时一次性用(最简单)、长期一键旋转、不推荐方案,按顺序给你:

方案 1:临时一次性(推荐,不用装任何东西,复制一行 JS 代码)

只对当前这个视频页面生效,刷新网页就失效,适合临时看一个翻转视频。

  1. 打开 B 站视频页面,按键盘F12,弹出开发者工具
  2. 切换到Console(控制台)标签
  3. 粘贴下面代码,回车执行
document.querySelector('.bpx-player-video-wrap').style.transform = 'rotate(-90deg)'

-90deg=逆时针转 90°

90deg=顺时针转 90°

0deg恢复原样

原理:CSS 旋转画面,不是修改视频源文件,只是浏览器显示层面旋转,不用跑源码。

方案 2:长期一键旋转(浏览器插件,最舒服,推荐 Edge/Chrome)

插件名字:B 站治好了我的颈椎病

  • Edge 浏览器:直接在扩展商店搜索名字安装,装好后 B 站播放器控制栏直接多出旋转按钮,点一下 90 度旋转,字幕弹幕跟着一起转
  • 不用写代码,打开视频直接点按钮,切换任意角度。

补充:还有通用视频旋转插件Rotate that Video Player,任何网页视频都能转,不止 B 站。

方案 3:油猴脚本(备选)

安装油猴 (Tampermonkey) 扩展,再装视频增强脚本,快捷键:Shift+E顺时针 90 度,Shift+R重置画面。适合本来就在用油猴的人。

❌ 不推荐:Windows 系统旋转整个显示器

右键桌面→显示设置,把屏幕方向改成纵向。整个电脑所有窗口全部旋转,浏览器、文件夹全部歪掉,看完还要改回来,很麻烦。

重要提醒

B 站PC 客户端(桌面软件版)没有视频旋转功能,想要旋转,改用浏览器网页版打开 B 站。

你问:要不要运行源码?

不用编译、不用下载源码项目本地运行。 JS 代码只是临时在浏览器控制台执行一行指令;插件是别人写好打包好的扩展,直接点安装,不需要你处理源码。

你想先用最简单的 F12 控制台临时试一下,还是直接装插件永久一键旋转?

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询