播放视频 HTML5答案

【问题标题】：Play video HTML5播放视频 HTML5
【发布时间】：2011-10-10 21:27:47
【问题描述】：

是否有现成的代码或某种代码来启用 Safari 上的全屏按钮？视频？目前在加载视频时，点击它不起作用。

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

视频标签支持哪些类型？我是否需要使用 type=audio/mp3 来播放 mp3 和 type=audio/wav 等....？

顺便说一句，视频用户界面在每个浏览器上看起来都不一样，或者根本不工作......有没有办法让它们的外观和感觉都一样，并在所有浏览器上都工作？

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

当用户点击视频时播放视频：

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

【讨论】：

【解决方案3】：

首先，并非所有浏览器都具有相同的视频编解码器，因此并非所有浏览器都可以播放相同的视频。我建议您在此处选择您所针对的浏览器支持的格式：
HTML5 Video Codec Support By Browser

特别是对于 Safari，我已经让这个 JavaScript 工作来让视频全屏播放：

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

希望有帮助！

【讨论】：