样式化媒体接收器未加载自定义 CSS 文件答案

【问题标题】：Styled Media Receiver not loading custom CSS file样式化媒体接收器未加载自定义 CSS 文件
【发布时间】：2020-12-12 15:30:44
【问题描述】：

类似于this question，我的样式化媒体接收器 (SMR) 的自定义 CSS 样式不会加载到我的 Chromecast 2 设备上。然而，CSS 已加载并正确显示在 Cast SDK 控制台的预览中。

我已将应用程序保存在控制台中并等待它，因此从“发布”切换到“已发布”。我的 Chromecast 的序列号也已注册并在控制台中显示为“准备测试”。我已经仔细检查了我在我的应用程序中使用了正确的应用程序 ID。 Styled Media Receiver 应用程序仅使用股票样式加载到 Chromecast 设备上，即它只显示我的应用程序的名称。

我非常简单的 CSS 文件的内容：

.logo{
    background-image: url(images/icon.png);
}

.background{
    background: rgb(6, 3, 46);
}

我的 CSS 文件托管在我的网站上（由 InfinityFree 托管），并带有由 Let's Encrypt Authority X3 签署的 SSL 证书。我什至把它留了一夜，但什么也没有。然而，Cast SDK 控制台加载并显示 CSS 正常。

【问题讨论】：

标签： css chromecast google-cast google-cast-sdk

【解决方案1】：

在将徽标添加为背景时修复背景高度和宽度。最好在 html 文件中添加 logo 而不是背景图片。

【讨论】：

谢谢。如果我将文件上传到 Google Drive 而不是我自己的网站，它会起作用。
如果您使用正确的图像路径上传到自己的网站上，它甚至可以工作
我的虚拟主机一定有问题。第一个预览有效，然后预览不会在控制台中刷新，除非我在网络服务器上重命名文件。而在 Google Drive 上托管时，它会立即刷新。就像我的虚拟主机托管的文件的第一次点击确实有效，随后对 URL 的点击失败。

【解决方案2】：

我的解决方法：

将 .css 和图像文件上传到 Google 云端硬盘 - 这已作为 Cast SDK 用户存在。公开分享文件。使用online tool 生成文件的直接链接。编辑 .css 文件以使用图像文件的直接链接。在 Cast SDK 控制台中添加指向 .css 文件的直接链接。成功！每次对文件进行更改时，在 Cast SDK 控制台中预览并重新保存 SMR 应用程序。

【讨论】：