播放视频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

希望有帮助！