목적은 pc, 모바일 가리지 않고 동영상이 재생되는 환경을 원합니다.
그래서 vimeo로 영상을 업로드 한후 구축해볼 생각인데요.
요즘엔 모바일에 플래시를 안쓰는게 대세라 html5로 동영상 재생을 한다고 하는데요.
비메오나 유튜브에서도 html5가 지원된다고 합니다.
비메오로 예를 들면요.
<iframe src="//player.vimeo.com/video/74695911?autoplay=1&loop=1" width="800" height="600" frameborder="1" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
예를들어 위의 주소가 일반적인 플래시 동영상 링크 플레이라고 하면요.
<iframe src="//player.vimeo.com/video/74695911?title=0&byline=0&portrait=0&color=3e819c&autoplay=1&loop=1" width="11973" height="7995" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
아래 주소는 html5 주소라고 합니다.
그런데 솔직히 말해 뭐가 차이가 있는지 모르겠습니다. 저는 html5라고 해서 어도비 플래시같은걸 설치하지 않아도 순정 모바일 웹 브라우저에서 된다는 뜻인줄 알았거든요.
그런데 아무것도 설치되어있지 않는 모바일 브라우저 환경에서는 html5 태그로도 재생이 되지 않네요.
html5의 영상을 문제 없이 재생하려면 스마트폰에 어떤 플러그인을 깔아야 하는 건가요?
그리고 웹표준에 맞게 모든 브라우저에서 안정적으로 영상을 재생하려면 어떻게 해야 할까요?
모바일 브라우져에서 아래와 같이 입력해보세요.
player.vimeo.com/video/74695911
위 링크해주신 두 경우 모두 같은 것 다른 주셔룰 링크해주신 심이시고요.
현재의 소스에서는 전혀 html5인지 확인이 불가능한것입니다.
즉 답은... 위 링크주소에 있습니다.
그리고 기본 플레이어의 경우 특정 파일들은 당연히 지원되지 않겠죠
그러므로 기본 웹 브라우저와 모바일 브라우저가 지원되는 동영상으로 확장자를 맞춰 인코딩 해주심 되고요.
웹 코딩을 잘 모르시면
그냥 업체에 의뢰하심을 추천드립니다.
요즘 웹은 html5가 다가 아니고
크로스브라우징 직업까지 해야 하는데
이런 작업들은 일반 웹작업 하시는 모든 작업자들이 다 할수 있는것이 아닐정도로 약간은 어려운 작업입니다.
질문하신 모바일에서의 플레이어의 설치는 필요없고요.
두번째 질문은 위에서 답변 드렸습니다.
즉 이는 모두 웹사이트 제작자의 몫인거죠.