SharePoint Online现代站点：全屏播放视频及隐藏头部菜单栏实现咨询

需求可行性确认 #

你的两个需求完全可以实现，并非无法解决的限制，以下是具体实现步骤：

一、隐藏顶部头部菜单栏 #

现代SharePoint站点的顶部导航栏可通过两种方式隐藏：

方法1：SPFx应用自定义器（合规推荐方案） #

开发简单的SPFx应用自定义器，注入CSS隐藏导航栏：

export default class HideHeaderApplicationCustomizer
  extends BaseApplicationCustomizer<IHideHeaderApplicationCustomizerProperties> {

  onInit(): Promise<void> {
    const css: string = `
      #spSiteHeader {
        display: none !important;
      }
      body {
        margin-top: 0 !important;
      }
    `;
    const head: HTMLElement = document.getElementsByTagName("head")[0] as HTMLElement;
    const style: HTMLElement = document.createElement("style");
    style.appendChild(document.createTextNode(css));
    head.appendChild(style);
    return Promise.resolve();
  }
}

将该自定义器部署到租户，仅绑定到目标着陆页即可。

方法2：启用自定义脚本后用Embed Web Part（快速临时方案） #

1. 租户管理员通过SharePoint管理中心，为目标站点集启用自定义脚本；
2. 在着陆页添加Embed Web Part，嵌入以下CSS代码：

<style>
  #spSiteHeader { display: none !important; }
  body { margin-top: 0 !important; }
</style>

二、全屏视频自动播放+播放完成跳转 #

放弃默认视频Web Part，直接用Embed Web Part嵌入自定义HTML播放器：

1. 将视频上传到SharePoint文档库，获取视频直接访问链接（确保所有用户可查看）；
2. 在着陆页添加Embed Web Part，嵌入以下代码（替换视频链接和跳转目标URL）：

<!DOCTYPE html>
<html>
<head>
  <style>
    body, html {
      margin: 0;
      padding: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
    }
    video {
      width: 100vw;
      height: 100vh;
      object-fit: cover;
    }
  </style>
</head>
<body>
  <video autoplay muted playsinline onended="window.location.href='跳转目标URL'">
    <source src="视频链接" type="video/mp4">
  </video>
</body>
</html>

• autoplay+muted：满足现代浏览器自动播放要求；
• playsinline：避免移动设备自动全屏；
• onended：触发播放完成后的跳转；
• object-fit: cover：保证视频全屏且比例不变形。

注意事项 #

• 优先选择MP4格式视频，兼容性最优；
• 确认视频文件权限设置正确，所有访问用户可读取；
• 长期使用建议采用SPFx方案，避免自定义脚本政策限制。

内容的提问来源于stack exchange，提问作者Praveen