文献类型：期刊文章

作　　者：冯兴利[1] 洪丹丹[1] 罗军锋[1] 锁志海[1]

机构地区：[1]西安交通大学数据与信息中心,陕西西安710049

出　　处：《现代电子技术》

基　　金：教育部科技发展中心专项(2011jybkjfz01)

年　　份：2016

卷　　号：39

期　　号：24

起止页码：18-21

语　　种：中文

收录情况：BDHX、BDHX2014、IC、RCCSE、ZGKJHX、核心刊

摘　　要：针对电脑版网页中视频元素直接显示在移动设备上时视频比例无法自动伸缩、远程视频无法播放等缺点,提出基于自适应网页设计技术的视频自适应方法。依据本地视频和远程视频的各自特点,设计不同的自适应方案:本地视频的自适应分别采用媒体查询技术和流动布局技术实现;远程视频的自适应则分别采用FitVids插件和流动布局技术实现。分别对页面布局效果和页面加载时间进行了测试:通过在Chrome浏览器下使用扩展程序Window Resizer对页面布局效果进行测试,结果表明,相比非自适应网页,自适应网页在不同分辨率下页面内容显示更合理;采用WebPagetest对页面加载时间进行了测试,结果表明,与非自适应网页相比,自适应网页的页面加载时间更短,页面响应速度更快。

关 键 词：媒体查询  流动布局  FitVids  自适应网页设计  

分 类 号：TN92] TP393.0]