3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Safariでmp4動画が再生できないときの原因

Last updated at Posted at 2021-05-14

giraffe-1330814_1280.jpg

##はじめに

こんにちは streampack チームのメディです。
https://cloudpack.jp/service/option/streampack.html

Copyrights

コピーレフトのイラスト : giraffe-africa-tanzania-wild
コピーレフトの動画 : bright-autumn-colors

##目的
一部のサーバーを使用しているときにSafariでmp4動画ファイルを再生できない理由を理解します。

ツール

2つのHTTPサーバーを比較します。
最初のサーバーはPython3のデフォルトのHTTPサーバーです。
2番目のサーバーはPython3のデフォルトサーバーに似ていますが、Rangeリクエストもサポートしています。

サーバーの比較

####Python3デフォルトサーバー

 python -m http.server

####Python3 RangeHTTPServer サーバー

pip install RangeHTTPServer
python -m RangeHTTPServer

結果

デスクトップバージョンのSafariバージョン14.1でのテスト。

Rangeリクエストサポートなしのサーバー

Screen Shot 2021-05-14 at 9.31.59.png

Rangeリクエストサポートありのサーバー

Screen Shot 2021-05-14 at 9.34.30.png

##まとめ
Range HTTPリクエストヘッダーは、Safariでのmp4動画ファイル再生をサポートするために必須です。

情報元

https://github.com/danvk/RangeHTTPServer
https://blog.logrocket.com/streaming-video-in-safari/
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Range
https://pixabay.com/photos/giraffe-africa-tanzania-wild-1330814/
https://www.pexels.com/video/bright-autumn-colors-1583096/

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?