모바일 웹 브라우저 용 웹 페이지에 비디오를 추가하는 방법

Question

저희 회사는 저희 웹 사이트의 모바일 버전을 만들고 있습니다. 모바일 버전에 표시 할 제품 비디오가 여러 개 있습니다.

나는

<a href="video.wmv">video</a> 

내가 소리를 연주하지만 내 HTC 놀라운 안드로이드 OS 전화에 검은 색 화면을 얻을 사용하려고하면.

동영상이 재생 중이지만 다른 브라우저 창에 있다고 생각합니다. 다른 창으로 전환 할 필요없이 한 창에 모두 표시해야합니다.

나는 HTML 태그를 시도했는데 비디오 또는 사운드를 전혀 얻지 못했습니다.이 태그를 읽은 것에서는 매우 현실적인 크로스 브라우저가 아닙니다.

아래의 html5 동영상 태그도 시도해 보았습니다. 비디오 파일임을 나타내는 아이콘이 표시되지만 재생되지는 않습니다.

<video src="video.wmv" controls="controls"> 
     your browser does not support the video tag 
</video> 

비디오 파일의 특수한 형식이 있습니까? href 또는 embed 태그를 사용해야합니까? 다른 옵션에는 어떤 것이 있습니까?

알아두면 웹 페이지에서 모바일 Doctype을 사용하고 있습니다.

감사합니다.

Answer 1

내 문제에 대한 간단한 해결책을 찾았습니다. YouTube. 모바일 웹 사이트에서 재생해야하는 동영상을 YouTube에 올리면 작동합니다. 기간.

소란스럽지 않습니다! YouTube 동영상 페이지의 내장 URL을 모바일 페이지로 복사하면 모든 것이 이동됩니다.

YouTube가 동영상을 호환 가능하게 만드는 방법을 정확히 모르겠습니다. 동영상을 업로드 할 때 자동으로 여러 형식으로 변환되어 올바른 코덱/컨테이너가 스마트 폰이 페이지에 액세스하는 것을 기반으로 재생되도록 추측합니다.

이 목록은 광범위하지 않으며 나중에 더 자세히 생각할 것입니다.하지만 모바일 동영상 용 YouTube를 사용하는 데있어 장점이나 단점이 더 있다고 생각할 수 있다면 의견을 말하십시오.

장점 :

++ 유튜브가 보편적으로 대부분의 주요 스마트 폰 사이에 허용됩니다 (따라서 비디오 재생한다!).

+ 대역폭이 제한되어 있으면 자신의 대역폭을 낭비 할 염려가 없습니다.

++ 설정하기가 쉽고 구성이 거의 필요하지 않습니다 (비디오 해상도 설정). 그것은 단지 작동합니다! (캡슐 ...)

단점 : 비디오 동안

- 유튜브 기호 재생 다시

- 그것은 당신의 호스팅 서비스에서 호스팅 아니에요. 일부 분석 서비스에서는 추적 할 수 없습니다. (맞춤 추적 필요 onclick 자바 스크립트 이벤트)

- 원활한 재생을 위해서는 YouTube 대역폭이 적합하지 않을 수 있습니다. (비록 초기 비디오 시청 대역폭에서 받아 들일 만하다 (최소 버퍼링 ...), 확인되지는 않았지만 ...). 아마 대부분 휴대 전화 3g/4g 연결 품질에 의존합니다.

- 제한된 비디오 파일 크기/해상도? 당신이 스마트 폰을 위해 더 낮은 품질의 비디오를 원하기 때문에 문제가되어서는 안됩니다.

YouTube에서 스마트 폰과 호환되는 동영상을 만드는 방법을 정확히 알고 싶습니다. 필요한 경우 직접 동영상을 호스팅 할 수 있지만 현재로서는 이것이 최고의 선택 인 것으로 보입니다.

Answer 2

브라우저로 전송해야하는 비디오 형식은 브라우저마다 다릅니다. 파이어 폭스는 오그 테오 라 (Theora)는, 모든 사람들이 다른 사람은 MPEG-4 컨테이너의 H.264 지원 보인다 지원

는 예를 들어 여기를 참조하십시오 (MP4 파일을.) : http://html5demos.com/two-videos

어떤 경우에는, WMV가 작동하지 않습니다.

Answer 3

Android는 WMV 형식을 정상적으로 지원하지 않습니다. 여기에 지원하는 형식의 목록은 다음과 같습니다

http://developer.android.com/guide/appendix/media-formats.html

은 아이폰/블랙 베리/등 공통의 형식을 가지고, 당신은 사용자 에이전트에 따라 자바 스크립트 마법의 일부가 선택해야 할 수없는 경우는 파일 깊숙이 박다.