HTML5播放视频，并使用ffmpeg对视频转编码

网页加入视频可以用h5自带的video标签，这里用一个jQuery封装优化好的video视频组件videojs。

videojs官方网站：https://docs.videojs.com/index.html

videojs下载：https://github.com/videojs/video.js/releases

这里有个问题是h5的video标签根据不同的浏览器兼容情况只支持三种编码的视频格式：

格式IEFirefoxOperaChromeSafari
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  

通常我们使用MP4格式，但是MP4又分为“1.MPEG4(DivX)”、“2.MPEG4(Xvid)”、“3.AVC(H264)”三种类型。要想在h5播放成功，必须转换视频格式为H264才可以，好多做法是用格式工厂来转换，这样工作量大，比较麻烦，这里选择直接用ffmpeg在代码中进行转码 ：

直接傻瓜命令安装，亲测可行：

sudo add-apt-repository ppa:mc3man/trusty-media
sudo apt-get update
sudo apt-get install ffmpeg
ffmpeg -version

这样也是基本安装了FFmpeg完整版：

安装完成可跳过下面的1中的编译安装步骤，直接到第2步使用FFmpeg命令解码视频

1.安装ffmpeg需要安装下面三个包：

yasm：是一个汇编器，用于ffmpeg编译。

X264：x264是采用GPL授权的视频编码自由软件。x264的主要功能在于进行H.264/MPEG-4 AVC的视频编码，而不是作为解码器（decoder）之用

ffmpeg主要用于音视频转码，以及增删水印等处理，是一款简单实用且强大的音视频处理工具。

（1）.安装yasm

wget
tar -xzvf yasm-1.3.0.tar.gz
cd yasm-1.3.0
./configure
make
make install

(2).x264安装

为了让ffmpeg使用h264编码。

ffmpeg中自带h264的解码，但是没有包含编码，所以再执行avcodec_find_encoder(CODEC_ID_H264)时返回的结果为NULL，需要额外添加x264支持h264的编码。

下载到这里：

https://code.videolan.org/videolan/x264/tree/stable

选择下载：

wget https://code.videolan.org/videolan/x264/-/archive/stable/x264-stable.tar.gz

编译/部署：

解压压缩包，cd进目录

./configure  --disable-asm

make

sudo make install

（3）、libogg 
libogg-1.3.1.tar.gz 
Url： 
安装方法如下：

wget 
./configure
make make install