播放视频HTML5

Question

是否有准备好使用的代码或某种类型来启用Safari上的全屏按钮？视频？目前，当加载视频时，点击它无法正常工作。

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

视频标记支持哪些类型？ 我是否需要使用type = audio / mp3播放mp3并输入= audio / wav等....？

按照他们的方式，视频ui在每个浏览器上看起来都不同或根本不工作......有没有办法让它们具有相同的外观和感觉，并且它们都可以在所有浏览器上运行？

Answer 1

纯css，你可以使用视频:: - webkit-media-controls-fullscreen-button {}来定位它，你会想要引用这个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

希望有所帮助！