ビデオがSafariとiOSで動作しない

私のHTML5サンプルビデオがOSXのSafari 11に読み込まれないが、ChromeとFirefoxで完全に正常に動作するという問題に直面しています。また、一般的なiOS（SafariやChrome）では動画が動作しません。ここでビデオがSafariとiOSで動作しない

はHTMLです：私は、HTMLに問題があるとは思わない、しかし

<video id="VideoElement" width="200" height="160" muted controls src="/static/media/fitness/theraband1.mp4" type="video/mp4"></video>

として私はできないとしてもアクセスへの直接リンクとサファリの動画ファイル。自分で試してみたい場合は、ここでのリンクは次のとおりです。Placeholder video

アプリはPythonの3とジャンゴ2にプログラムされています。 pythonanywhereページやローカルのDjango開発サーバーを使ってビデオを読み込むことはできません。

Stack Overflowは既に検索されていますが、解決策が見つかりません（例：HTML5 Video tag not working in Safari , iPhone and iPad はHTMLとビデオフォーマットに重点を置いていますが、ここで問題ありません）。

出典

2017-12-28 Mr_Tolchock

Safari、iPhone、iPadで動作しないHTML5 Videoタグの重複]（https://stackoverflow.com/questions/20347352/html5-video-tag-not-working-in-safari-iphone-and-ipad） –

他のサイトの他の埋め込み動画はSafariで動作しますか？あなたが不明な場合は、Safariブラウザの[demo HTML5 video page]（http://camendesign.com/code/video_for_everybody/test.html）にアクセスして、動画が再生されているかどうか確認できますか？ – xyres

はい、上記のデモビデオを含め、他の埋め込み動画もSafariで正常に動作します。 Safariで上に掲載されたプレースホルダビデオを開くことはできますか？ –

私は最終的に問題を解決することができました（しかし、かなり控えめな方法で）。代わりにpythonanywhere上のファイルへのリンクを、私はホストとしてgithubのを使用し、それが動作します：

は動作しません：

<video id="VideoElement" width="200" height="160" controls muted src="http://USER.pythonanywhere.com/static/video.mp4" type="video/mp4"></video>

作品：私は正確に使用

<video id="VideoElement" width="200" height="160" controls muted src="https://github.com/USER/mysite/blob/master/static/video.mp4?raw=true" type="video/mp4"></video>

を私はpythonanywhereに引っ張って同じファイルと同じgithubリポジトリ。これは、pythonanywhereがHTTPバイト範囲リクエスト（？）をサポートしていない可能性があります。...とにかく今は動作します...

出典

2018-01-02 15:30:57

ビデオがSafariとiOSで動作しない

答えて

関連する問題