无法在受.htpasswd保护的HTML页面中加载图像

Question

我正在尝试使用.htaccess和.htpasswd在我的个人网站上创建一个受密码保护的页面。

受保护的目录中的HTML和CSS可以很好地加载，但是同一目录中的图像和视频根本无法加载。除此之外，密码保护似乎已按预期工作。

我不确定为什么无法加载媒体-这是我想知道的一些事情：

• .htaccess文件中出现问题，阻止了媒体加载。
• 服务器上尚无法正确使用图像-但是已经有几个小时了
• 我还没有在目录中整理文件的结构。现在，所有文件都在受保护目录内的同一级别上-没有子文件夹

当然，一切在本地都可以。

这是我的.htaccess文件的内容：

AuthType Basic  
AuthName "myPage"  
AuthUserFile /home/myUser/.htpasswds/.htpasswd 

<Files "myPage.html">
  Require valid-user
</Files>

还有我的HTML文件中的视频和图像代码示例：

  <video width="100%" preload="auto" alt="Hero Animation - Carousel" playsinline autoplay muted loop>
    <source src="Splash.mp4" type="video/mp4">
  </video>

  <div class="module">
    <img src="Gestures.png" alt="Gesture diagram">
    <br>
    <br>
    <h2>Heading</h2>
    <h4>Subheading</h4>
    <p>Body text</p>
  </div>

此HTML的结构与我网站上其他工作正常的页面相同。

我不明白为什么不加载媒体，但是来自同一目录的HTML和CSS加载正常。在解决方案方面，我想维护密码保护并加载图像。希望该解决方案在服务器端不会涉及到任何太复杂的事情-我对后端方面不是很熟悉，因此很多术语很难理解。

更新：弄清楚，这些都不是。媒体文件被意外地以ASCII而不是二进制格式上传，我猜是导致它们从服务器加载但未在浏览器中呈现。删除并重新备份为Binary可以完全解决问题。