带有 https 源的 HTML5 视频标签答案

【问题标题】：HTML5 video tag with https source带有 https 源的 HTML5 视频标签
【发布时间】：2016-04-21 21:08:39
【问题描述】：

是否可以使用 HTTPS 作为视频源通过 HTML5 视频标签播放视频？我们的页面完全采用 HTTPS，但是当您浏览时，我们会收到混合的 http/https 模式消息。配置为使用 HTTPS 作为源的视频正在以某种方式更改为 HTTP。我们没有看到来自 Web 服务器的任何 302 重定向。这个浏览器依赖吗？我们已经尝试了所有可能的浏览器。下面是开发者工具输出的代码片段。

<video id="homepageCenterVideo_html5_api" class="vjs-tech" preload="auto" data-setup="{}" poster="/CMSImages/static_image.jpg" src="https://www.domain.com/Video/Makes_It_Easy.mp4" controls="">
    <source src="https://www.domain.com/Video/Makes_It_Easy.mp4" type="video/mp4">
</video>

如果您要复制该 URI 并将其粘贴到 URL 栏中，您会看到它从 https 更改为 http，我们仍然看不到来自服务器的任何 302 重定向。

【问题讨论】：

标签： html video https html5-video

【解决方案1】：

我们让 HTML5 视频使用 HTTPS 工作，但我们仍然不知道为什么。后端服务器是 IIS。存放视频文件的目录名为“video”。如果我们更改该目录的名称，或者将视频文件放在另一个目录中，它就可以使用 HTTPS 进行流式传输。如果我们将目录重命名为“video”，它将无法工作并使用 HTTP。很奇怪，但我们假设它与某处的 IIS 设置有关。

【讨论】：