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

标签 javascript html squarespace

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

最佳答案

直接位于 /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和足够的带宽(假设您网站的流量相对较低)。

关于javascript - Squarespace 开发者模式添加文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59432788/

相关文章:

html - 调试在 IE9 中无法正确显示的弹出窗口

javascript - 如何使基本的 YouTube 音乐机器人能够搜索标题而不是 URL

javascript - 使用 thymeleaf 将 list<T> 分配给 javascript 中的变量

html - 背景大小:覆盖悬停缩放过渡

javascript - 为什么我的灯箱画廊会在单独的页面中加载 img?

javascript - 是什么导致 Squarespace 站点中初始化为 = [] 的数组在第一次引用它之前用对象填充?

css - 样式化辅助导航栏元素文件夹 - Squarespace - Jaunt 模板

javascript - 网站内容在某些页面上垂直移动

javascript - 去除背景图Leaflet

javascript - 定位 Span jQuery Controller