摘要：随着人们的生活节奏的日益加快，互联网时代的快速发展，人们会更希望利用很短的时间就可以通过小短片学处理生活中技巧等等。通过网站来存储、播放用户的视频（一般网站通有的功能）。该文就是基于HTML5的video的视频播放网站的一些关键问题进行了阐述和说明。
　　关键词：video和flash 视频编码；html5技术；ffmpeg框架
　　中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2018）11-0231-02
　　1 背景
　　HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web，另外支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。Html5技术也就是html css javascript在内的一套技术的组合。通过video.js一套开源的HTML5和flash视频播放器来创建网页的播放器。
　　2 新型的HTML5
　　HTML5 更多的是一系列项目，而非完备的单一标准，至少现在如此。HTML5 是多种技术的集合，其中大多数技术都在不断发展。早在 Web 開发社区认识到 HTML4 和关联的 XHTML 有很多不足之处时人们便已开始酝酿 HTML5，这些不足之处包括从小小的句法不连贯到对多媒体演示的支持不足。HTML5 旨在解决广泛的缺陷问题。然而，为了尽快取得最大的进步，HTML5 被分成多个小部分进行标准化：首先是较简单、争议较少的部分，如新的输入定义，然后是更复杂（更有争议性的）的部分，如WebSockets和视频。
　　2.1 新的html5为设计出高质量的网页提供了基础
　　HTML5在表单、视频、音频、图像、动画等方面的功能越来越丰富，能够非常方便的设计出高质量的网页，但网页提供的不仅仅是华丽的页面，还需要有大量的数据处理才可以吸引用户，数据处理在以前往往需要从服务器获取，用户访问量大时。如果客户端频繁从服务器获取数据将对服务器造成负载压力，HTML5新增加了离线缓存和本地缓存的规范，使用户可以离线访问Web应用，并将网页文件离线缓存到本地，使网页速度大大提高，降低了用户请求对服务器造成的负载压力。
　　2.2 HTML5的video
　　HTML5把本地的多媒体引入到浏览器。在过去，音视频需要通过第三方插件来处理（这样引发的问题是：并不是所有的操作系统或者设备都能使用）浏览器与插件之间的通信被局限住了，而且多媒体就像一个黑盒子。HTML5出现之后，所有主流浏览器都可以支持本地音视频了（包括IE浏览器），虽然这个过程需要让您的媒体文件进行双份的编码（因为IE 和Safari只支持Royalty-encumbered标准的编码）。有了HTML5，突然之间，video可以跟CSS一起排样式了：您可以用半透明的视频相互覆盖，设置边界与背景图片，旋转盘旋等变换，以及其他各种精彩的变形应用。
　　2.3 HTML5的新特性
　　随着网络的发展，web的内容越来越多的是用音视频的形式来体现了，考虑一下有些用户无法听到音轨，或者其母语并不是英语的情况，抑或用户希望用他们自己的语言来阅读字幕和内容的时候。在你的标题和子标题附近很快就会出现了，通过HTML5元素，可以基于时间轴对媒体文件同步字幕。这个强有力的元素是