Question

我试图在我的网站上嵌入<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

Answer 1

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

Rails 4 - How to serve video?

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

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

1 个答案: