随笔分类 -  html5

HTML5视频播放器accessible html5 video player
摘要:accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示、视频自由跳播、重播等功能。该html5视频插件由paypal Accessibility 团队开发,兼容所有Firefox、chrome、以及ie10以上版本等浏览器、ie... 阅读全文

posted @ 2014-09-23 09:04 xuefeng3600 阅读(773) 评论(0) 推荐(0)

响应试jquery灯箱插件VenoBox
摘要:前言: VenoBox是一款十分优秀的综合性响应试灯箱插件,不仅具备多种显示效果,而且使用也非常简单,VenoBox这款插件跟我之前文章介绍过的一款灯箱插件Magnific Popup十分类似,多具备加载图片、内联内容、iFrames、谷歌地图、ajax、youtube视频、当然我们国内的优酷也可以。VenoBox还可以让你自由的设置iFrames的宽度和高度,后面会讲到,之前说到VenoBox是响应试的,它可以自动的检测出图片的宽高度、如果超出屏幕的宽高度,它会进行一定程度的等比例缩放。例子图片画廊(你可以使用键盘左右键进行切换)用法:添加VenoBox提供的相应的css样式和js脚本,当然 阅读全文

posted @ 2014-03-01 09:46 xuefeng3600 阅读(1611) 评论(1) 推荐(0)

media query 在响应试网页中的准确应用
摘要:我们都知道html5中的媒体查询(media query)对于响应试网页的重要性,它为我们提供了检测屏幕设备的有效方法,所以,当我们开发页面的时候,就可以很方便的根据media query 来检查屏幕尺寸,并加载相应的css样式。但是,从目前我们常见的桌面电脑、平板电脑再到智能手机,屏幕尺寸如此之多以至让许多web前端开发者们都十分头疼。最近发现了一个非常实用的网站responsivewebcss,它为响应试网页开发者们提供了一个专门的屏幕尺寸检测工具,进入网站后,只需选择相应的屏幕设备尺寸,该工具就会为你自动生成相应的媒体查询。以下是总结的媒体查询代码,涉及了目前主流设备屏幕的尺寸,希望对. 阅读全文

posted @ 2014-02-28 01:46 xuefeng3600 阅读(623) 评论(0) 推荐(0)

HTML5播放器 MediaElement.js 使用方法
摘要:目前已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今 天向大家推荐一款非常优秀的html5播放器MediaElement.js,它不仅能够添加我们常用的html5视频格式(mp4,m4v,mov), 而且还支持回退方式,即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放,从而达到支持绝大部分的浏览器。备注:我们都知道进入HTML5时代以后W3C组织为web视频播放加入了一个非常友好的标签,它可以让你直接插入mp4、mov等格式的视频,但是这是浏览器默认的方式,播放的功能也比较单一,所以借 阅读全文

posted @ 2013-12-03 22:55 xuefeng3600 阅读(6187) 评论(4) 推荐(1)