html页面里放视频支持的格式
2018-01-31 10:17
302 查看
一共支持三种格式: Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。
2
3
4
NO:代表不支持这款浏览器。
X.0+:表示支持这款及版本更高的浏览器。
下面来说一下我今天做项目遇到的问题:
我在项目中需要插入一段视频,视频是甲方提供的,当时我们写的要求是提供一个mp4格式的就可以了。甲方提供的也确实是MP4格式的,但是浏览器竟然不支持。这个是为什么?不是说好的支持MP4格式的吗?然后我开始查资料,才明白原来MP4只是一个容器,里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。软件我已经上传到资源里面了。感兴趣的可以下载看看。
关于标签所支持的视频格式和编码:
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
使用方法(以MP4为例)
格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No1
2
3
4
NO:代表不支持这款浏览器。
X.0+:表示支持这款及版本更高的浏览器。
这些大家应该都知道,所以这个不是我说的重点
下面来说一下我今天做项目遇到的问题: 我在项目中需要插入一段视频,视频是甲方提供的,当时我们写的要求是提供一个mp4格式的就可以了。甲方提供的也确实是MP4格式的,但是浏览器竟然不支持。这个是为什么?不是说好的支持MP4格式的吗?然后我开始查资料,才明白原来MP4只是一个容器,里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。软件我已经上传到资源里面了。感兴趣的可以下载看看。
关于标签所支持的视频格式和编码:
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
使用方法(以MP4为例)
第一步
第二步
第三步
相关文章推荐
- springmvc配置同时支持html和jspl两种格式的页面
- springmvc配置同时支持html和jspl两种格式的页面
- Html 播放 mp4格式视频提示 没有发现支持的视频格式和mime类型
- Html 播放 mp4格式视频提示 没有发现支持的视频格式和mime类型
- 火狐浏览器,页面视频播放“没有找到支持的视频格式和mime类型”解决方案
- Aspose.Cells v7.5.3 支持读写HTML文件格式的页面设置选项
- Aspose.Cells v7.5.3 支持读写HTML文件格式的页面设置选项
- 支持多种视频格式的html网页视频播放器代码
- 各品牌手机音视频格式支持一览表收藏
- 齐博门户网站:解决百度ueditor支持iframe框架页面的视频播放问题
- 网上有支持多种格式视频录制的软件吗?
- 邮件发送类,支持HTML格式,支持优先级设置
- android html格式转化为TextView支持的Spanned
- html页面中图像格式的选用之我见第1/2页
- 用ORACLE 存储过程发送HTML邮件,支持文本和HTML两种格式,增加防中文乱码
- 使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示
- HTML5支持的视频格式
- Tomcat怎么支持flv视频格式
- 在jsp页面下, 让eclipse完全支持HTML/JS/CSS智能提示
- JSP页面自动生成html页面/或任何格式页面