2017-12-28 54 views
1

Ich stehe vor dem Problem, dass mein HTML5 Beispielvideo in Safari 11 unter OSX nicht geladen wird, aber mit Chrome und Firefox einwandfrei funktioniert. Außerdem funktioniert das Video im Allgemeinen nicht auf iOS (weder Safari noch Chrome). HierVideo funktioniert nicht auf Safari und iOS

ist die HTML:

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

Doch ich glaube nicht, dass die html ist das Problem, wie ich kann nicht einmal Zugriff auf das Video-on-Safari mit einem direkten Link zu der Datei. Im Falle wollen Sie selbst versuchen, hier ist der Link: Placeholder video

Die App in Python 3 und Django 2 programmiert ist. Das Video kann weder über die Pythonanywhere-Seite noch über meinen lokalen Django-Entwicklungsserver geladen werden.

Ich habe bereits Stack Overflow gesucht, kann aber keine Lösung finden (z. B. Frage HTML5 Video tag not working in Safari , iPhone and iPad konzentriert sich sehr auf das HTML und das Videoformat, was meiner Meinung nach hier in Ordnung ist).

+0

Mögliche Duplikate von [HTML5 Video-Tag funktioniert nicht in Safari, iPhone und iPad ] (https://stackoverflow.com/questions/20347352/html5-video-tag-not-working-in-safari-iphone-and-ipad) –

+0

Funktionieren andere eingebettete Videos von anderen Websites auf Safari? Wenn Sie nicht sicher sind, können Sie diese [Demo-HTML5-Videoseite] (http://camendesign.com/code/video_for_everybody/test.html) vom Safari-Browser aus aufrufen und sehen, ob das Video abgespielt wird? – xyres

+0

Ja, andere eingebettete Videos funktionieren auf Safari gut, einschließlich des oben gezeigten Demo-Videos. Können Sie mein oben in Safari veröffentlichtes Placeholder-Video öffnen? –

Antwort

0

Ich konnte endlich das Problem lösen (auf ziemlich unelegante Weise). Statt auf pythonanywhere in die Datei verknüpfen, verwende ich GitHub als Wirt und es funktioniert:

funktioniert nicht:

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

Works:

<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> 

ich genau die selbe Datei und sogar das gleiche github repository, das ich nach pythonanywhere ziehe. Eine mögliche Antwort darauf könnte sein, dass pythonanywhere keine HTTP-Bytebereich-Anfragen unterstützt (?) ... naja, es funktioniert jetzt ...

Verwandte Themen