2013-08-13 9 views
2

나는 라이센스 버전의 FlowPlayer 5.3.2를 사용하여 mp4 형식의 인코딩 된 비디오를 재생했습니다. 거의 모든 브라우저에서 아무런 문제없이 재생되지만 Windows 7의 Chrome 28.0.1500.95m (현재 날짜 : 13-08-2013)의 최신 버전에서는 재생되지 않습니다. 버튼을 누르면 페이지에 플레이어가로드됩니다 AJAX를 사용하여 클릭하십시오. 이는 Windows 용 Chrome에서만 발생합니다. 버튼 클릭시 다음 기능을 트리거하고 라이트 박스를 팝업하고 내부에 AJAX를 사용하여 플레이어를로드합니다.Windows 7 Chrome에서 Flowplayer의 MP4 동영상이 재생되지 않습니다.

function playVideo() { 
    var url1 = 'http://example.com/dashboard/play_video'; 
    var url = 'http://s3.amazonaws.com/xxxxxxxxx/xxxxxx.mp4?413142680'; 
     $.ajax({ 
      url: url1, 
      type: 'post', 
      data: 'url=' + url, 
      success: function(data) { 
       var toolbox1 = $("#how_to_make_video").html(); 
       $("#video_preview2").html(data + toolbox1); 
       $("#video_preview2").dialog({ 
        width: 700, 
        height: 500, 
        close: function(event, ui) { 
         $(".flowplayer").stop(); 
        } 
       }); 

       if (url.indexOf("s3.amazonaws.com") !== -1) { 
        $(".flowplayer").flowplayer({splash: true, 
         rtmp: "rtmp://" + userStream + "/cfx/st", 
         swf: "/site/js/flowplayer/flowplayer.swf" 
        }); 
       } else { 
        $(".flowplayer").flowplayer({splash: true, 
         swf: "/site/js/flowplayer/flowplayer.swf" 
        }); 
       } 
      } 
     }); 
    } 

이 기능은 다른 모든 브라우저에서 재생되는 기능과 동일합니다. 그러나 이것을 사용하여 동영상을 재생할 때 플레이어는 "html5 : 비디오가 제대로 인코딩되지 않았습니다"라는 오류를 표시 한 다음 자동으로 "html5 : 비디오 파일을 찾을 수 없음"으로 변경합니다. 위 코드의 동영상 URL "url"을 Chrome의 주소 표시 줄에 붙여 넣으면 재생되지 않습니다. 하지만 다른 플랫폼의 다른 브라우저에서 재생됩니다.

최신 버전의 Chrome이나 동영상에 문제가 있습니까?

답변

2

MP4 비디오가 여러 형식의 비디오로 인코딩되고 오디오가 .mp4 컨테이너로 묶이는 방법을 살펴 보겠습니다.

그것은

H.264 동영상 코덱과 AAC 오디오 코덱 중 하나 또는 MP3 오디오 코덱을 포함하는 MP4 컨테이너 형식이 기본적으로 인터넷 익스플로러에서 지원하는 상태 Media formats supported by HTML에 모질라에서 좋은 포스트가있다, 사파리와 크롬, 그러나 크롬과 오페라는 형식을 지원하지 않습니다. 또한

SO answer 상태 :

크롬 H-264의 영상이 아닌 MPEG-4 Visual 동영상 MP4를 재생할 수있다. 모든 브라우저를 포함 할 경우

당신은 정말 두 가지 형식, MP4 및 모든 동영상이 FFMPEG에서 H-264 형식으로 인코딩 된 WebM

+0

이 필요합니다. – TechyTee

+0

@ 콜린 베이컨 마지막 문장이 정확하지 않습니다! [Wikipedia] (http://en.wikipedia.org/wiki/HTML5_video#Browser_support)에 따르면 Opera에서 'MP4'형식 (_any_ 코덱 포함, H-264 포함)은 Opera에서 재생할 수 없으며 'WebM' Mac에서는 지원되지 않습니다 (iOS 및 MacOS에서는 일부 지원되지 않음). Plus (이전 문장),'MPEG-4 Part 2 '(이전 버전의 MPEG-4 Part 10 H-264)로 인코딩 된 MP4 비디오는 HTML 5 규격에서 제외되었으므로 Chrome뿐만 아니라 브라우저도 지원하지 않습니다 . – trejder

+0

@TechyTee 첫 번째 오류 메시지 ("_Video not properly encoded_")로 인해 일반적으로 Colin에 동의합니다. 파일 인코딩에 사용되는 코덱에 몇 가지 문제가 있습니다. 먼저 샘플 비디오를 얻는 것이 좋습니다. Chrome을 비롯한 모든 브라우저 (YouTube, Flowplayer 사이트 자체, 데모 HTML 5 비디오 파일 등 Google 검색)에서 문제없이 재생할 수 있는지 100 % 확신 할 수 있습니다. 샘플을 얻은 경우 코드를 통해 확인하십시오. Flowplayer가이를 재생하면 Chrome 또는 Flowplayer까지 문제가 있는지 알 수 있습니다. – trejder

관련 문제