AWS托管Jekyll网站，自制本地视频无法加载问题求助

看起来你已经搭好了专属的视频布局，但视频加载不出来，咱们一步步拆解可能的问题：

1. 确认Jekyll是否复制了simvids目录到构建产物 #

Jekyll默认只会自动复制特定内置目录（比如assets、_includes）到_site文件夹，自定义的simvids目录大概率没被纳入复制范围。解决方法很简单：在你的_config.yml里添加一行配置：

include: ["simvids"]

添加后重新运行bundle exec jekyll build，然后检查_site目录下是否出现了simvids文件夹和对应的.webm文件。如果没出现，先检查_config.yml的语法有没有写错（比如引号、逗号这类细节）。

2. 验证视频路径是否匹配实际位置 #

构建完成后，页面里的视频路径必须和_site里的文件结构对应：

• 如果文章页面在网站根目录（比如_site/my-video-post.html），那simvids/10-mites-random-shades-5x5.webm这个路径是对的；
• 如果文章在子目录（比如_site/posts/my-video-post.html），就得用相对路径../simvids/10-mites-random-shades-5x5.webm，或者更稳妥的绝对路径/simvids/10-mites-random-shades-5x5.webm（开头的斜杠代表网站根目录）。

你可以打开浏览器开发者工具（F12），切换到「网络」标签页，刷新页面看视频请求的状态码：如果是404，说明路径错误；如果是403，那大概率是AWS的权限问题。

3. 检查AWS S3的文件权限与Content-Type #

如果本地用jekyll serve预览时视频能正常播放，那问题基本出在AWS这边：

• 权限设置：确保S3桶里的simvids目录和所有视频文件的ACL设置为「公开可读」，或者给桶添加一个允许所有用户读取静态资源的政策；
• Content-Type：.webm文件的Content-Type必须是video/webm，否则浏览器会把它当成普通二进制文件，无法识别为视频。你可以在S3控制台选中视频文件，查看「属性」里的元数据，如果显示的是binary/octet-stream，就手动修改为正确的类型。

4. 检查布局中的视频标签代码 #

最后确认布局里的HTML代码有没有细节错误，比如：

<video controls width="600">
  <source src="{{ page.video_source }}" type="video/webm">
  你的浏览器不支持WebM视频格式。
</video>

要确保{{ page.video_source }}正确渲染成了对应的路径，并且type属性准确设置为video/webm。可以在浏览器里查看页面源代码，看看最终生成的src值是不是和实际文件路径一致。

先从这几个方向排查，应该能快速定位问题！

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