我在 .region 文件中处于开发者模式，试图添加带有 video 标签的背景视频。我将 mp4 文件放入模板文件夹，我一直在尝试通过 src="video.mp4" 访问它并显示视频。它不显示视频，我不知道为什么我不能抓住它。当我将源更改为任何 http// 在线视频时，它可以正常工作，所以它不是代码。只有当我尝试从本地文件夹中抓取视频时，它才不会显示视频。任何线索或帮助将不胜感激。谢谢！
【问题讨论】：
标签： javascript html squarespace
直接位于/template 文件夹中的文件不能通过http 访问。而是将文件放在/template/assets 中，然后将文件引用为/assets/video.mp4。
如果这没有帮助，请通过在地址栏中输入 http://yoursite.squarespace.com/assets/video.mp4（使用您网站的正确 URL）确保该文件甚至可以通过 http 访问。如果您可以访问视频文件，那么它将作为视频元素的src 属性工作。如果您无法访问它，则说明有其他问题：您尚未上传文件或文件名不正确。
另一个提示：如果使用文件的完整 URL（而不是相对 URL），请尝试使用 https 代替 http 作为协议。当然，正确的协议取决于您网站的设置，以及您使用的是内置域还是自定义域。
如果通过 Node.js 使用本地开发服务器（而不是实时服务器，即您的实际 Squarespace 站点），请尝试将文件推送/上传到 Squarespace 上的实时服务器（通过 Git 或 SFTP），然后在本地重新测试。我发现有时由于本地环境中的缓存可能需要这样做。这还将显示您上传的文件是否太大（the documentation 确实声称有 1MB 的限制，这可能是真的，但如果文档过时，它可能会大到 5MB 或 20MB；我不记得这是否已更改）。
如果文件对于/assets 文件夹来说太大了，那么除了完全通过不同的服务托管它之外，您唯一的其他选择是使用file storage via the Squarespace Config UI，它最多允许20MB，并通过该路径引用您的视频.您必须通过缩短、缩放或进一步压缩来将视频缩小到 20MB。
如果通过不同的服务托管文件，Cloudinary 可能值得考虑；免费帐户可能允许up to a 100MB video file 和足够的带宽（假设您网站的流量相对较低）。
【讨论】：