동영상보기 HTML5

Question

동영상 용 Safari에서 전체 화면 버튼을 사용하도록 설정할 준비가 되었습니까? 현재 비디오가로드되고 클릭하면 작동하지 않습니다.

<video width="320" height="240" controls="controls" name="media" src="urlvideo">Text</video> 

비디오 태그에는 어떤 유형이 지원됩니까? mp3 및 type = audio/wav 등을 재생하기 위해 type = audio/mp3을 사용해야합니까?

그런데 비디오 ui는 각 브라우저마다 다르게 보이거나 전혀 작동하지 않습니다 ... 모든 모양과 느낌을 가지고 모든 브라우저에서 모두 사용할 수있는 방법이 있습니까? : 웹킷 - 미디어 컨트롤 - 전체 화면 버튼을 {}, 당신은 사용자가 클릭 할 때이 http://codesearch.google.com/codesearch/p#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/css/mediaControls.css

Answer 1

순수 CSS, 당신은 :: 비디오를 타겟팅 할 수 있습니다

document.querySelctor('video').addEvenetListenr('click', function(){ 
     this.play() 
    }, false); 

전체 화면 사용 웹킷과 ​​우선 Gecko full screen API

Answer 2

비디오를 재생하려면 참조 할 것 -

Answer 3

을 사용하려면, 모든 브라우저가 동일한 비디오 코덱을, 그래서 모든 브라우저가 동일한 비디오를 재생할 수 없습니다.

:
HTML5 Video Codec Support By Browser

사파리를 들어 구체적으로,이 자바 스크립트가 전체 화면을 재생하는 비디오를 얻기 위해 작업을 입수했습니다 : 나는 브라우저 당신이 목표로 지원하는 형식을 선택하려면 여기를 찾고 제안

var vid = document.getElementById('video');
vid.webkitEnterFullscreen();
vid.play();

또한이 스레드를 확인하십시오. Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

희망이 있습니다.