video支持三种视频格式,video 支持格式

HTML5里video标签支持哪些格式的视频文件？

一共支持三种格式: Ogg、MPEG4、WebM。

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。

HTML5 是HyperText Markup Language 5 的缩写，HTML5技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。

与传统的技术相比，HTML5 的语法特征更加明显，并且结合了SVG的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。

群晖video支持什么格式

一共支持三种格式： Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。

在电脑上的话，可以用暴风影音，kmplayer等市面上主流的播放器，都可以播放。如果使用mp4播放的，可以找一下CC主控的播放器。因为其他主控的播放器，对VIDEO格式支持的不是很好。

优点与缺点：

因此压缩后的数据与标准的CD音乐相比是有损失的。VORBIS也是有损压缩，通过使用更加先进的声学模型去减少损失，因此，同样位速率(Bit Rate)编码的OGG与MP3相比听起来更好一些。

MP3格式是受专利保护的（mp3专利费已经极低，诞生近20年快该过保护期了）。如果你想使用MP3格式发布自己的作品，则需要付给Fraunhofer（发明MP3的公司）专利使用费。而VORBIS就完全没有这个问题。

对于乐迷来说想要高品质的音频，使用FLAC是个更好的选择，因为FLAC是无损压缩音频，又没有专利授权费用，现在很多播放器都加入了FLAC的行列，就连sony的顶级高解析音频播放器都已经支持。

video不能播放mp4的问题（一）

video标签只支持MPEG4，Ogg，WebM三种视频格式，各浏览器支持如下：

其实，上面的三种格式只是封装格式，并非编码，而video标签对编码也是有要求的：

是不是以为找到了问题: 问题mp4肯定不是h264编码

too naive ！！！ 这么明显的编码方式，视频生成人员怎能不知

不知道ffmpeg是什么？

自行搜索

mac下可用homebrew快速安装：

ffmpeg也可在node中使用：

地址：

h264后括号内的内容不同，是不是觉得已经接近真相了

AVC规格分为三等，从低到高分别为：Baseline、Main、High。

为了排除音频、视频组合干扰

需要用到控制变量法：

结论：音频才是问题所在

音频channel（声道数）：1就是单声道 mono ，2就是立体声 stereo ，其中单声道的容量是立体声的一半。在ffmpeg中可以通过参数 -ac 进行设置

即使只是重新设置channel 为1（mono）

经过观察：在所有不可播放的文件中，最后一个红色标记比特率都是 62 kb/s ，

结论：比特率才是罪魁祸首

实际过程中遇到的mp4文件参数可能不尽相同，但应该都可以通过本文测试方法定位到问题。

由于作者没有专业编码经验，不太了解：

若有专业人士看见此文，

望不吝赐教，不胜感激。

video标签的归纳

video标签的属性

src: 用于告诉video标签需要播放的视频地址

autoplay: 用于告诉video标签是否需要自动播放视频

controls: 用于告诉video标签是否需要显示控制条

poster: 用于告诉video标签视频没有播放之前显示的占位图片

loop: 一般用于做广告视频, 用于告诉video标签视频播放完毕之后是否需要循环播放

preload: 预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效

muted:静音

width/height: 和img标签中的一模一样

自己需要注意的是

在电脑中src即使找到了该文件也只是用11213才能打开，除非是在你设置格式之后才能直接以图片格式打开 如下

1.格式:

video

source src="" type=""/source

source src="" type=""/source

/video

2.第二种格式存在的意义:

由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的

这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式

video标签的第二种格式存在的意义就是为了解决浏览器适配问题

video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放

3.注意点:

3.1当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式, 但是想让所有浏览器都通过video标签播放视频还有一个前提条件, 就是浏览器必须支持HTML5标签, 否则同样无法播放

3.2在过去的一些浏览器是不支持HTML5标签的, 所以为了让过去的一些浏览器也能够通过video标签来播放视频, 那么我们以后可以通过一个JS的框架叫做html5media来实现

--