javascript - Squarespace 开发者模式添加文件

Question

我在 .region 文件中处于开发人员模式，尝试使用视频标签添加背景视频。我将 mp4 文件放入模板文件夹中，并尝试通过 src="video.mp4"访问它并显示视频。它不显示视频，我不知道为什么我无法抓取它。当我将源更改为任何 http//在线视频时，它可以工作，所以它不是代码。仅当我尝试从本地文件夹中抓取视频时，它才不显示视频。任何线索或帮助将不胜感激。谢谢!

Answer 1

直接位于 /template 文件夹中的文件不能通过 http 访问。相反，请将文件放入 /template/assets 中，然后将该文件引用为 /assets/video.mp4。

如果这没有帮助，请确保甚至可以通过 http 访问该文件，方法是在地址栏中输入 http://yoursite.squarespace.com/assets/video.mp4(使用您的站点的正确 URL)。如果您可以访问视频文件，那么它将作为视频元素的 src 属性。如果您无法访问它，则说明发生了其他问题:您尚未上传文件或文件名不正确。

另一个提示:如果使用文件的完整 URL(而不是相对 URL)，请尝试使用 https 作为协议(protocol)来代替 http。当然，正确的协议(protocol)取决于您网站的设置，以及您使用的是内置域还是自定义域。

如果通过 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和足够的带宽(假设您网站的流量相对较低)。