你以为蘑菇影视官网的横竖屏只能切得那样？其实有更舒服的办法
很多人在手机或电脑上看蘑菇影视时，会被默认的横竖屏切换体验困住：横屏看得不舒服、竖屏又浪费画面，或者全屏后控件被遮挡、字幕位置不对。好在有不少简单又实用的方法，可以让观影体验更顺手——不需要破解、不需要下载什么可疑软件，只要用点小技巧或小工具，就能得到更舒服的观看方式。下面把常用的方法分成“快速技巧”和“进阶手段”，按需选择。
快速技巧（适合大多数用户，零配置）
- 桌面浏览器：按 F11 进入浏览器全屏，配合 Ctrl/⌘ + 鼠标滚轮或浏览器缩放调整画面大小，让视频占满视线而不被界面元素干扰。
- 手机浏览器：点击视频右下角或中间的“全屏”按钮，再把手机旋转到横屏。若手机自动旋转被锁，打开控制中心（或快捷设置）解除旋转锁定。
- 倒放手法（手机，看竖屏视频时更省力）：把视频进入全屏后，用双指缩放或捏合试图放大画面，找一个既能看清又不会经常触碰控件的缩放比例。
- 使用浏览器内置“开发者工具”暂时隐藏页面元素（经验用户）：按 F12，选中遮挡控件的 DOM 元素，右键删除或修改样式，快速腾出视频空间（仅当前页面生效）。
进阶手段（需要安装扩展或运行小脚本，能改善旋转、控制和字幕） 1) 用 Stylus/Stylish 为蘑菇影视写一段自定义 CSS（永久生效）
-
安装 Stylus（Chrome/Firefox 都有）。
-
新建样式，写入以下示例（根据页面结构调整选择器）：
.player, .video-container { width: 100vw !important; height: 100vh !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; background: #000 !important; } .player video { width: auto !important; height: 100% !important; margin: 0 auto !important; display: block !important; transform-origin: center center !important; } /* 隐藏页面上多余的遮挡元素 */ .header, .footer, .side-ads, .overlay { display: none !important; }
这个样式会把视频容器拉满视窗、隐藏网站头尾和广告槽，比较适合把视频“拿出来单独看”的场景。若视频被压缩或比例不对，可把 video 的 width/height 值互换或加上 transform: rotate(90deg) 来试验。
2) 用 Tampermonkey 写个“旋转/剧场模式”按钮（桌面与移动均可）
-
安装 Tampermonkey 后，新建脚本，示例逻辑：在页面右下角注入一个小按钮，点击后给视频容器加/删一个 class，从而触发样式切换。示例代码（伪码，按需调整选择器）：
(function(){ const css = .mg-fullscreen { position: fixed !important; top:0; left:0; width:100vw !important; height:100vh !important; z-index:9999; background:#000; } .mg-fullscreen video { width:auto; height:100%; } .mg-rotate video { transform: rotate(90deg); transform-origin:center center; } .mg-toggle-btn{ position:fixed; right:12px; bottom:12px; z-index:10000; padding:8px 10px; background:rgba(0,0,0,0.6); color:#fff; border-radius:6px; cursor:pointer; }; const style = document.createElement('style'); style.innerText = css; document.head.appendChild(style); const btn = document.createElement('div'); btn.className='mg-toggle-btn'; btn.innerText='剧场/旋转'; document.body.appendChild(btn); btn.onclick = ()=> { const container = document.querySelector('.player') || document.querySelector('.video-container') || document.body; container.classList.toggle('mg-fullscreen'); container.classList.toggle('mg-rotate'); }; })();
这个脚本不会修改原有控件，按需调整选择器就能匹配蘑菇影视的播放器容器。旋转后的控件可能也会旋转，若要保持控件正向显示，可以对控件选择器单独加样式 rotate(-90deg)。
3) 使用 Screen Orientation API 强制横屏（移动端桌面模式下有效）
-
在浏览器控制台或脚本中调用：
document.documentElement.requestFullscreen().then(()=> { if (screen.orientation && screen.orientation.lock) { screen.orientation.lock('landscape').catch(()=>{console.log('锁屏失败');}); } });
注意：锁定方向需要安全上下文（HTTPS）和用户手势触发（比如按钮点击）。若浏览器不支持该 API，会失败。
4) 如果你更喜欢本地播放：下载并用 VLC 或 PotPlayer 播放 把视频下载（若为合法范围内）后用 VLC 可随意旋转、放大、改变字幕位置和字体，播放体验常常比网页播放器更自由。
对字幕与控件的小建议
- 字幕被遮挡：用自定义 CSS 调整 subtitle 的 bottom 值，或者在播放器设置里把字幕移上去；本地播放器通常可自由设置字幕位置。
- 控件被旋转：选择把控件单独反向旋转（在自定义样式里针对控件选择器设置 transform: rotate(-90deg)）或隐藏它们，改用键盘/手势控制播放。
常见问题与小提示
- 旋转后黑边或裁切：这是比例问题，尝试在 CSS 里把 video 的 width/height 互换，或用 object-fit: contain/cover 调整显示方式。
- 有些视频被嵌套在 iframe：此时自定义样式或脚本需要注入到 iframe 内部，Tampermonkey 可以配置匹配 iframe 的地址或使用 postMessage 与嵌入页面沟通。
- 安全与合法性：只用这些方法优化观看体验，不要用来规避网站付费机制或侵犯版权。
总结：按场景选方案
- 想立刻改善体验，先试 F11 / 浏览器缩放（桌面）或全屏+旋转（手机）。
- 想常态化改善页面布局，安装 Stylus 写自定义样式，把视频拿出来独立成“剧场模式”。
- 想要更灵活的旋转/一键切换，Tampermonkey 注入小按钮最方便。
- 更追求控制与画质的，下载后用本地播放器播放。
