share facebook facebook facebook twitter twitter menu hatena pocket slack

2021.05.25 TUE

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

はじめに

こんにちは 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リクエストサポートなしのサーバー

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

まとめ

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/

元記事はこちら

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

ラサニ メディ

ラサニ メディ

散歩することが好きです。

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。