HTML5 上播放视频格式兼容性

视频格式

当前,video 元素支持三种视频格式:

格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

介绍下关于将mp4转换成 ogg格式

首先需要下载ffmpeg文件  百度搜索ffmpeg 到官网 下载对应的操作系统文件

接着解压到本地硬盘上

可以配置下该环境, 我的电脑上配置过了,  所以直接执行 ffmpeg程序  会出现下面这样的界面,表示执行工程

第二:  需要进入到视频文件目录地址

第三部 :

执行 转换该文件

时间: 2024-10-06 17:32:03

HTML5 上播放视频格式兼容性的相关文章

Unity3D 如何在安卓手机上播放视频

以前只会在电脑上通过Unity3D播放视频,研究了下发现通过Unity3D在手机上播放视频也非常简单.现介绍如下. void OnGUI() { if (GUI.Button(new Rect(0,0,150,80),"播放/继续")) { Handheld.PlayFullScreenMovie("test.mp4", Color.blue, FullScreenMovieControlMode.Full); } } 简单吧 Unity3D 如何在安卓手机上播放视

HTML5上传视频无法播放以及兼容的解决方法

一.视频无法播放原因分析 1.路径不对 <video width="100%" height="100%" controls="controls">   <source src="images/apply.mp4" type="video/mp4"></source>  </video> 在images前面不加斜杠,使用相对路径,不要使用绝对路径 2.视频格式

Unity3D 怎样在安卓手机上播放视频

曾经仅仅会在电脑上通过Unity3D播放视频,研究了下发现通过Unity3D在手机上播放视频也很easy.现介绍例如以下. void OnGUI() { if (GUI.Button(new Rect(0,0,150,80),"播放/继续")) { Handheld.PlayFullScreenMovie("test.mp4", Color.blue, FullScreenMovieControlMode.Full); } } 简单吧

在树莓派上播放视频

播放视频,先在命令行终端上使用"cd"命令将路径切换到你的视频文件所在目录,然后输入以下命令: omxplayer example.mp4 这将会全屏播放example.mp4文件,按Ctrl + C可以退出. EXAMPLE VIDEO SAMPLE:BIG BUCK BUNNY(示例视频:大雄兔) 这里有一个可在树莓派上播放的实例视频:动画片<大雄兔>.播放这部影片,可以在终端上输入以下命令: omxplayer /opt/vc/src/hello_pi/hello_v

Html5中播放视频

为了确保Web服务器知道怎么处理视频文件,需要添加适当的MIME类型到服务器上,而且不同服务器平台的处理方式不同 Apache服务器: 需要在Web页面所在的目录里创建一个.htaccess文件,该文件定义了视频的MIME类型,要加入以下代码: /.htaccess AddType video/ogg     .ogv AddType video/mp4    .mp4 AddType video/webm   .webm   IIS服务器 只需要使用服务器的配置界面来编辑站点的MIME类型

Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)

一.在 HTML5 中播放视频 在 HTML5 中播放视频 - HTML5 中提到最多的是视频处理,视频也是互联网中的重要应用.在HTML5中,增加了一个元素,以便在HTML文档中插入和播放视频,这个元素就是video元素 - video元素提供了播放.暂停和音量控件来控制视频,也提供了width和height属性控制视频的尺寸.如设置的高度和宽度等. - 使用video元素至少要提供两种视频格式的文件: OGG和MP4 - OGG: 包含Theora 视频和 Vorbis 音频解码器 - MP

Atitit.多媒体区----web视频格式的选择总结

Atitit.多媒体区----web视频格式的选择总结 1. 因为现阶段不同的浏览器支持的视频格式是不同的 1 2. 各浏览器Html5 Video支持的影音格式: 2 3. 解决方案是什么?Flash和H.264 2 4. <object> 标签用于包含对象,比如图像.音频.视频.Java applets.ActiveX.PDF 以及 Flash. 3 1. 因为现阶段不同的浏览器支持的视频格式是不同的 ,当我们有多种格式的视频样式的时候,我们会用第二种写法来做兼容调试.一般 谷歌 mp4(

使用HLS协议连接nginx实现近实时流方式播放视频

目录 1. 流媒体 1.1 流式传输 2. 点播 2.1 点播方案 2.2 什么是HLS 3. 视频编码 3.1 视频编码格式 3.2 FFmpeg 的基本使用 3.3 生成m3u8/ts文件 3.4 码率的设置 4. 播放器 4.1 技术选型 4.2 video.js 5. 开始配置nginx 6. 编写测试页面video.html 7. 测试 demo 地址 1. 流媒体 流媒体就是将视频文件分成许多小块儿,将这些小块儿作为数据包通过网络发送出去,实现一边传输视 频 数据 包一边观看视频.

Unity中实现播放视频

突然想着在一个cube物体上播放视频会是怎样的情景.今天终于有时间来尝试下了.结果=>成功 下面来说说详细的步骤吧 准备阶段: 1.unity pro 专业版 =>  需正版(当然破解版也ok,你懂的). 2.安装QuickTime Player.必须要安装,否则导入movie资源时,unity会自动报错提醒的. 3.安装格式化工厂软件=>movie格式转换.其他工具也ok.我这里默认转换为MOV格式.100M的avi转换后大概7M. ====================== uni