HTML5 视频无法在 Safari 中播放

Posted 2023-02-21

【中文标题】HTML5 视频无法在 Safari 中播放

【英文标题】：HTML5 Video not playing in Safari on Localhost

【发布时间】：2019-09-12 07:17:27

【问题描述】：

我已经在 Safari 上通过直接打开文件测试了该视频，这是一个使用 Handbreak 创建的 mp4 文件。然而，当它通过 localhost 运行时，文件只显示一个没有内容的播放箭头。

桌面版和移动版 Safari 都是如此，但 Firefox 和 Chrome 似乎可以正常工作。

这是我的代码：

    <video muted poster="/images/post.jpg" playsinline>
        <source src="/video.mp4" type="video/mp4">
    </video>

【参考方案1】：

回答我自己的问题，原来这是我用来运行本地主机服务器的python -m "SimpleHTTPServer" 的一个缺点。所以看起来 Safari 需要 SimpleHTTPServer 不提供的功能。

谢天谢地，我能够成功使用 Node 的版本 http-server，它似乎具有 Safari 所需的功能。

【讨论】：

感谢您发布此信息。我今天遇到了这个确切的问题。你知道 Safari 对 python -m http.server 不支持的网络服务器有什么期望吗？ （这就是我跑的）

不，我当时想不通。

很好的答案！ npm install http-server 然后npx http-server --port 8080