播放視頻HTML5

Question

有沒有準備好使用的代碼或某種啓用了？視頻Safari瀏覽器全屏按鈕？目前當視頻加載時，點擊它不起作用。

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

視頻標籤支持哪些類型？ 我是否需要使用type =音頻/ MP3播放MP3和類型=音頻/ WAV等...？

通過他們的方式，視頻UI看起來在每個瀏覽器的不同，或者根本不工作？有沒有辦法將它們全部相同的外觀和感覺，並讓他們在所有瀏覽器所有的工作？

Answer 1

純CSS，你可以用視頻::目標是 - WebKit的媒體控制全屏按鈕{}，和你要引用這個http://codesearch.google.com/codesearch/p#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/css/mediaControls.css

Answer 2

當用戶點擊它來播放視頻：

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

要具有全屏使用WebKit和Gecko full screen API

Answer 3

首先，並不是所有的瀏覽器具有相同的視頻編解碼器，所以不是所有的瀏覽器可以起到同樣的視頻。我建議看這裏選擇由你的目標瀏覽器支持的格式：
HTML5 Video Codec Support By Browser

對於Safari瀏覽器而言，我得到這個JavaScript來的工作就是讓視頻播放全屏：

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

另外，看看這個帖子：Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

希望有幫助！