作为一种新的Web标准，HTML5正在为前端Web生产带来技术变革。文分析了HTML5视频播放技术，特别是在视频处理中使用视频标签，并结合HTML5的技术特性，探讨如何将这些新功能应用于视频网站的设计和制作。HTML5;视频网站;设计中图分类号：TP37文献标识码：A文章编号：1009-3044（2015）12-0212-02La研发设计视频网站HTML5LIANG萧雅，张HengRésumé新标准HTML5读取技术的分析了HTML5视频，特别是在视频处理中使用视频标记，并结合HTML5技术的特点，研究如何设计和制作关键词：HTML5，视频网站12月17日万维网联盟（W3C）正式宣布完成HTML5规范，该规范缩小了大量网络员工的工作量。规范构成了未来Web应用程序的基础，主要由HTML，CSS等组成。是一个完整的编程规范环境。规范弥补了以前版本在多媒体和页面交互方面的弱点，可以完美地满足当今Web开发和应用的多样性和灵活性要求[1]。HTML5规范中，提供了许多新元素和属性，例如，分离内容和表示，还提供了许多交互式标记，添加了本地数据库以增强用户体验等等HTML5也有离线导航和存储local.Selon上述特点的许多创新，HTML5是广受知名IT厂商如Adobe，苹果，谷歌和微软支持HTML5的青睐。
HTML5被认为能够使Web成为一个成熟的平台，并且是未来互联网发展的重要方向。前，主流浏览器已经开始支持HTML5 [2]。中，新添加的视频标签提供多媒体支持，可用于播放视频流文件，并可使用视频API自定义HTML视频控件，从而不再允许浏览器需要插件来播放视频。件的影响：本文分析了标签的技术特性，并探讨了如何将其应用于视频网站的设计。频标签以HTML5格式实现视频播放。必须使用要显示视频的页面文件的视频标签。法如下[3]：该标签可以直接显示页面的视频播放控制。加控制属性以允许控制视频回放。
width和height属性定义页面上视频的宽度和高度。果浏览器不支持视频标签，则可以在标签之间放置提示信息，并且将在视频[4]所在的位置显示消息。频标签的属性将在下面详细描述。详细描述使用与HTML标记的视频相关的新属性。有6个共同属性[5]。src属性用于设置视频文件地址，可以与其他两个属性[6] :)属性类型一起使用，指定src视频属性类型。
）多媒体属性，默认为全部，表示支持所有视频文件。属性表示使用介质的介质。可以保留此属性未定义。Preload属性[7]此属性定义是否应预加载视频文件。果在标记中设置了此属性，则会在页面加载时自动加载视频，以备播放。果标记中定义了“autoplay”属性，则该属性无效。loop属性的值是BOOL [8]类型。
义是否要循环播放视频文件。
autoplay属性的值是BOOL类型。果视频标记添加了此属性并设置为true，则页面将自动播放视频文件，否则视频将无法自动播放。width属性和height属性有两个外观属性，width属性定义视频标记的宽度，height属性定义视频标记的高度。件属性[9]如果设置了此属性，视频标签将显示视频控制按钮，包括播放，全屏控制和音量控制按钮。频标签的基本使用<！ HTML DOCTYPE>当前浏览器无法显示视频。升级到最新版本。
Var _userid =; var _siteid = 669; var _istoken = 1; var _model =Model03; WebPageSpeed = 125; UrchinTrack（）;运行网页后，将显示视频标签，如图1所示：显示上面的页面。开后，视频文件将立即加载，文件将自动播放。放结束后，页面将立即再次播放。频标签语法还可以指定具有字幕源元素的视频源文件。个源元素可以被定义为单独的视频源文件，并且源元素的数量不受限制。法如下：当前浏览器无法显示视频。升级到最新版本。这种情况下，没有为视频标记定义src属性，但添加了两个源元素。source元素分别将源文件设置为“1.avi”和“1.mp4”，网页将自动加载第一个可识别的文件格式。频网站设计视频网站将基于HTML5标签的新视频，以确保视频网站的简单性和效率。外，网站设计将基于网页设计的基本原则，根据用户需求，将充分尊重用户的使用习惯，而且还必须简单易用，互动和转发未来。于HTML5的视频网站非常适合满足这些需求。前，HTML5技术不仅先进，而且还体现了以用户为中心的网站设计理念。通用户不需要像传统视频网站那样安装视频插件来执行视频播放。们只需要使用支持HTML5的浏览器直接播放视频，以增强用户体验。
10]通过分析和设计，本文讨论的视频网站采用三层B / S架构模式，分为数据层，业务逻辑层和表示层。层叠加可以降低网站开发的复杂性，更好地监控进度，便于维护和测试，并提高网站的可扩展性。频网站分为三个主要模块：数据传输模块，后台管理模块和前端模块。据传递模块主要提供流媒体数据服务，并响应于来自用户的请求提供视频回放所需的数据。先，各种视频数据源按照规定的过程收集到的实时数据源处理时，数据格式已经被转换时，数据在H.264和MP4音频格式编码，然后封装在文件头。MPEG-2 TS文件被传送到分流器以进行逻辑处理。成的文件分为10秒的标准，
宁波网站建设并生成分割文件的索引。着视频数据的不断增长，索引数据也会同步更新和管理，Web模块用于将这些处理过的视频文件作为服务进行调用。台管理模块主要管理和管理存储在服务器上的视频文件，主要包括下载，查看，删除和分配视频文件权限等功能。显示模块使用HTML5技术，包括视频标签，以完成页面上的视频显示。过页面的编程控制和URL调用视频的索引文件，然后基于索引文件确定服务器上的视频文件的位置。述三个模块共同完成视频的所有服务和评论。用户提供良好的视频服务平台。户可以随时浏览视频节目信息，并选择自己喜欢的视频节目。
束语HTML5是一种短暂的标准Web规范，具有许多功能，可进一步增强网页的性能和呈现体验，包括3D，图形和效果[11]。着Internet技术的进步，网络交互的内容越来越丰富，迫切需要一种新的标准来适应当前Web应用的需求。HTML5是满足这种需求的好方法。改变了早期版本HTML的设计习惯，大大减少了Web开发的工作量，并提供了更好的图形体验和特效。
文探讨并总结了传统视频网站的不足，讨论了使用HTML5技术来解决视频网站的一些重大问题，深入讨论并设计了框架的总体结构和功能模块的网站HTML5视频网站。细研究。
本文转载自
宁波网站建设 http://www.leseo.net
补充词条：
宁波seo排名
宁波seo网站优化
宁波seo推广公司
宁波seo哪家好
宁波谷歌优化
