相关疑难解决方法(0)

我目前在我的网页中使用一个简单的 iframe，使用 bootstrap 来适应小屏幕（=youtube Short）和大屏幕（=普通横向视频）：

  <div class="container d-none d-md-block" style="max-width:1000px;height:30%;">

      <iframe width="1000" height="550"
        src="https://www.youtube-nocookie.com/embed/0...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;">
    </iframe>

  </div>

  <div class="container .d-block d-md-none" style="width:95%;">

      <iframe width="400" height="500"
        src="https://www.youtube-nocookie.com/embed/G...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;">
    </iframe>

  </div>

</div>

我有一条警告/错误消息：

Permissions-Policy 标头错误：无法识别的功能：“ch-ua-form-factor”。

经过调查，似乎与屏幕尺寸有关： https://wicg.github.io/ua-client-hints/

但是，如果我删除屏幕尺寸的类，例如“d-none d-md-block”，仍然会出现相同的消息（可能是由于父屏幕尺寸配置所致）。

除此之外，如果我删除所有 iframe 选项并且使用www.youtube.com而不是www.youtube-nocookie.com ，也会出现错误。

我怎么解决这个问题？

我正在尝试将我的 Flutter 应用程序部署到 GitHub Pages。应用程序运行良好flutter run -d chrome并使用成功构建flutter build web --release

我将代码推送到我的存储库：https : //github.com/learyjk/superpacecalcweb

部署活动日志显示成功部署。但是当我单击“查看部署”按钮时，我只会看到一个空白页面。Javascript 控制台说：

加载资源失败：服务器响应状态为 404 () https://learyjk.github.io/main.dart.js

我也尝试将 /index.html 附加到 URL 的末尾，但没有成功。

有任何想法吗？错误输出不是很详细，所以我不太知道从哪里开始......

GitHub 页面链接：https : //learyjk.github.io/superpacecalcweb/

谢谢！