除非在DevTools中启用了“禁用缓存”，否则嵌入的HTML视频将无法播放。

Question

我正在制作一个网站named bobPlayer，由于某些原因，它不会加载通过HTTPS传输的MP4文件。它只显示以下内容：Link to screenshot of player.

尝试按“播放”按钮或按空格键将无法播放视频。

这个视频工作正常，when caching is disabled via DevTools in chrome.

在我的实际HTML代码的头部分，我已经包含了以下meta标签，但Chrome仍然拒绝播放视频：

<meta http-equiv="Cache-Control" content="private, no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

这个问题在iOS上的Safari/Chrome中不会发生，但是我和另外两个朋友在PC上遇到了这个问题。(特别是Chrome，它似乎在Firefox中工作得很好。)

托管这些视频的服务器运行Ruby，并通过HTTPS进行身份验证，因为网站不允许HTTP和HTTPS的混合内容。

服务器托管这些视频的MP4文件。这不应该是我的问题的原因，因为所有现代的web浏览器都支持MP4。服务器使用以下命令在逗号行中运行Ruby：

ruby -run -e httpd . --ssl-certificate=/home/pi/.ssl/certificate.crt --ssl-private-key=/home/pi/.ssl/private.key -p 8010

网页通过将URL标签?episode=123与托管在JSON文件中的url相匹配的脚本来决定播放哪个视频。尝试播放的视频在1-405个范围内。如果试图通过非动态分配的标签播放视频，也会出现此问题，在该标签中，源文件被编码到HTML文件中，而不是替换为JS代码。

所有代码都可以在GitHub上获得，但是视频并不是托管在那里，而是像前面提到的那样托管在a Ruby httpd server上。

任何帮助都将不胜感激。

Answer 1

我打赌这是一个视频格式的问题。iOS在所有浏览器中都支持h265编码，而Windows上的Chrome则不支持。视频文件的编码是什么？您可以使用https://ffprobe.a.video进行测试(并添加视频的url )。