无法通过资产管道在iOS中的局域网上播放MP4视频,但可以从WAN播放



我正在尝试在我的网站上嵌入一个<video>并在对话框中显示它。我以为存在JavaScript问题,但我将其缩小到iPhone上的iOS Mobile Safari不会播放来自本地网络的mp4文件,即使有直接链接也是如此。该链接看起来像http://localhost:3000/assets/introduction-0cf920e06b4224f8f83f59d02f878b7d5733b09590a14147d1580cbfb5081f18.mp4,除了我localhost更改为桌面服务器的 IP。它将加载一个黑屏,该黑屏与视频的第一帧颜色相同,中间有两个破折号。

如果我从登台加载 MP4 的热链接,那么它播放正常。它在桌面上的Chrome中也可以正常工作。

我还尝试在iPad iOS 9.3.5中播放,但它无法播放,但确实显示了整个播放按钮,但没有任何作用。

如果我将视频复制到/public文件夹,那么它将在iOS Safari上播放。它似乎仅在通过资产管道时失败,但仅在开发中失败(暂存中的相同文件(。

如何在开发环境中在 iPhone Safari 上播放 MP4 视频?

我通过Fiddler4代理将iPhone漏斗并重新加载了页面。它连续提出了两个请求:

GET /assets/introduction-0cf920e06b4224f8f83f59d02f878b7d5733b09590a14147d1580cbfb5081f18.mp4 HTTP/1.1
Host: 10.0.0.14:3000
Upgrade-Insecure-Requests: 1
Connection: keep-alive
Accept-Encoding: gzip, deflate
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us
Connection: keep-alive
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 Mobile/14G60 Safari/602.1
HTTP/1.1 200 OK
Content-Type: video/mp4
Cache-Control: public, max-age=31536000
ETag: "0cf920e06b4224f8f83f59d02f878b7d5733b09590a14147d1580cbfb5081f18"
X-Request-Id: b97a488d-7141-434f-813d-af4848162a70
X-Runtime: 0.058637
Content-Length: 27555596

GET /assets/introduction-0cf920e06b4224f8f83f59d02f878b7d5733b09590a14147d1580cbfb5081f18.mp4 HTTP/1.1
Host: 10.0.0.14:3000
Range: bytes=0-1
X-Playback-Session-Id: A0C3C96E-6F17-47B1-A509-521B3A61D481
Accept-Encoding: identity
Accept: */*
Accept-Language: en-us
Connection: keep-alive
Connection: keep-alive
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 Mobile/14G60 Safari/602.1
HTTP/1.1 200 OK
Content-Type: video/mp4
Cache-Control: public, max-age=31536000
ETag: "0cf920e06b4224f8f83f59d02f878b7d5733b09590a14147d1580cbfb5081f18"
X-Request-Id: 273865e7-b389-4473-b565-75b2d7ac6559
X-Runtime: 0.038530
Content-Length: 27555596

iOS 10.3.3, iPhone 5, Windows 8.1, Rails 5

我也遇到了这个问题。经过一些测试,我意识到它也发生在生产中 - 这让我得出了这个答案:

Rails 4 - 如何提供视频?

TL;DR - 不要使用资产管道来提供视频,如果可能的话,将其完全放在Rails服务器环境之外。

最新更新