现代电子技术2016，Vol.39Issue(24)：18-21,4.DOI:10.16652/j.issn.1004-373x.2016.24.005
视频自适应技术在网页设计中的实现
Application of video adaptive technology in Web design
摘要
Abstract
In order to overcome the disadvantages that the video proportion can not be stretched automatically and the re⁃mote video can not be played back,the video adaptive method based on adaptive web design technology is proposed. According to the characteristics of local video and remote video poor,the corresponding adaptive schemes were designed. The medium que⁃ry and flow layout technology are adopted for the self⁃adaption of the local video,and FitVids plug⁃ins and flow layout technolo⁃gy are used for that of the remote video. The page layout effect and page loading time were tested respectively:The page layout effect tested by Window Resizer in Chrome browser shows that the content of adaptive webpage is more reasonable than that of the non⁃adaptive webpage at different resolution.The test results of the page loading time tested by WebPagetest show that,com⁃pared to non⁃responsive web,the loading time of the adaptive webpage is shorter and its response time is faster.关键词
媒体查询/流动布局/FitVids/自适应网页设计Key words
medium query/flow layout/FitVids/responsive web design分类
信息技术与安全科学引用本文复制引用
冯兴利,洪丹丹,罗军锋,锁志海..视频自适应技术在网页设计中的实现[J].现代电子技术,2016,39(24):18-21,4.基金项目
教育部科技发展中心专项 （）
