2017-12-28 45 views
1

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

나는 할 수조차 액세스에 대한 직접 링크와 사파리의 비디오 파일. 이 앱은 파이썬 3 장고 2에 프로그램되어 Placeholder video

: 경우에 당신이 직접 시도 할 , 여기에 링크입니다. pythonanywhere 페이지 나 로컬 Django 개발 서버를 사용하여 비디오를로드 할 수 없습니다.

스택 오버플로를 이미 검색했지만 해결 방법을 찾을 수 없습니다 (예 : HTML5 Video tag not working in Safari , iPhone and iPad 은 HTML 및 비디오 형식에 중점을 둡니다. 여기서는 괜찮다고 생각합니다).

+0

Safari, iPhone 및 iPad에서 작동하지 않는 HTML5 Video 태그 ] (https://stackoverflow.com/questions/20347352/html5-video-tag-not-working-in-safari-iphone-and-ipad) –

+0

다른 사이트의 다른 퍼베이딩 비디오가 Safari에서 작동합니까? 확실하지 않은 경우 Safari 브라우저에서 [demo HTML5 video page (http://camendesign.com/code/video_for_everybody/test.html)]를 방문하여 동영상이 재생되는지 확인할 수 있습니까? – xyres

+0

예, 다른 임베디드 비디오는 위에 게시 된 데모 비디오를 포함하여 Safari에서 정상적으로 작동합니다. Safari에서 위에 게시 한 자리 표시 자 비디오를 열 수 있습니까? –

답변

0

나는 마침내 문제를 해결할 수 있었다. 대신 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 바이트 범위 요청 (?)을 지원하지 않을 수 있다는 것입니다. 어쨌든 이제는 작동합니다 ...

관련 문제