나는 라이센스 버전의 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이나 동영상에 문제가 있습니까?
이 필요합니다. – TechyTee
@ 콜린 베이컨 마지막 문장이 정확하지 않습니다! [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
@TechyTee 첫 번째 오류 메시지 ("_Video not properly encoded_")로 인해 일반적으로 Colin에 동의합니다. 파일 인코딩에 사용되는 코덱에 몇 가지 문제가 있습니다. 먼저 샘플 비디오를 얻는 것이 좋습니다. Chrome을 비롯한 모든 브라우저 (YouTube, Flowplayer 사이트 자체, 데모 HTML 5 비디오 파일 등 Google 검색)에서 문제없이 재생할 수 있는지 100 % 확신 할 수 있습니다. 샘플을 얻은 경우 코드를 통해 확인하십시오. Flowplayer가이를 재생하면 Chrome 또는 Flowplayer까지 문제가 있는지 알 수 있습니다. – trejder