2014-05-14 3 views
2
나는 아마존 CloudFront를 비디오를 보려는

표시되지하지만 난 여전히 콘텐츠 형식 및 스레드 How do you configure S3 and Cloud Front to stream HTML5 video? Tried everything에 따라 내용 - 처리하지만 행운을 변경 한HTML5 비디오 태그 아마존 비디오

<video id="video1" controls width="270" autoplay> 
<source src="http://d191za0n1uuhbv.cloudfront.net/2/testing - 14.mp4" type="video/mp4"> 
</video> 

을 표시되지 않습니다

나는 또한 비디오 공개뿐만 아니라 그것을 이런 식으로 퍼 팅

나는 또한 시도를 작동하지 않았다하지만 중 하나

<video id="video1" controls width="270" autoplay> 
<source src="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4" type="video/mp4"> 
</video> 
0 작동하지 않았다

누락 된 항목이 있습니까?

답변

0

게시 한 코드가 완벽하게 작동합니다. 브라우저가 비디오 태그를 지원합니까? 확인 http://caniuse.com/#search=video

항상 대부분의 브라우저를 지원해야하며 불행히도 HTML5는 아직 잘 지원되지 않습니다. 동영상 태그 내부에 대체 솔루션을 제공 할 수 있습니다.

e.e.

<video id="video1" controls width="270" autoplay> 
<source src="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4"> 
<object type="application/x-shockwave-flash" 
    data="player.swf?file="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4"> 
    <param name="movie" value="player.swf?file="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4"> 
    <a href="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4">Download the video </a> 
</object> 
</video> 

기본적으로 HTML5 가능 브라우저는 기본 비디오를 사용합니다. 다른 브라우저는 플러그인을 사용하려고합니다. 둘 중 하나라도 작동하지 않으면 다운로드 링크를 제공 할 수 있습니다.

+0

그렇습니다 ... bcz w3schools의 비디오는 아마존에 업로드하고 위의 코드 (http://www.w3schools.com/tags/canvas_drawimage.asp)를 사용할 때 잘 작동하지만 다른 비디오는 아닙니다. . – user3631926

+0

불행히도 이것은 충분하지 않습니다. Chrome 34에서 코드를 시험해 보았는데 제대로 작동합니다. 브라우저는 태그를 지원할 수 있지만 형식/코덱은 지원할 수 없습니다. http://caniuse.com/video에는 특정 코덱에 대한 브라우저 지원 기능이 포함 된 하위 기능 섹션이 있습니다. –

관련 문제