摘要:accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示、视频自由跳播、重播等功能。该html5视频插件由paypal Accessibility 团队开发,兼容所有Firefox、chrome、以及ie10以上版本等浏览器、ie...
阅读全文
摘要:前言: VenoBox是一款十分优秀的综合性响应试灯箱插件,不仅具备多种显示效果,而且使用也非常简单,VenoBox这款插件跟我之前文章介绍过的一款灯箱插件Magnific Popup十分类似,多具备加载图片、内联内容、iFrames、谷歌地图、ajax、youtube视频、当然我们国内的优酷也可以。VenoBox还可以让你自由的设置iFrames的宽度和高度,后面会讲到,之前说到VenoBox是响应试的,它可以自动的检测出图片的宽高度、如果超出屏幕的宽高度,它会进行一定程度的等比例缩放。例子图片画廊(你可以使用键盘左右键进行切换)用法:添加VenoBox提供的相应的css样式和js脚本,当然
阅读全文
摘要:我们都知道html5中的媒体查询(media query)对于响应试网页的重要性,它为我们提供了检测屏幕设备的有效方法,所以,当我们开发页面的时候,就可以很方便的根据media query 来检查屏幕尺寸,并加载相应的css样式。但是,从目前我们常见的桌面电脑、平板电脑再到智能手机,屏幕尺寸如此之多以至让许多web前端开发者们都十分头疼。最近发现了一个非常实用的网站responsivewebcss,它为响应试网页开发者们提供了一个专门的屏幕尺寸检测工具,进入网站后,只需选择相应的屏幕设备尺寸,该工具就会为你自动生成相应的媒体查询。以下是总结的媒体查询代码,涉及了目前主流设备屏幕的尺寸,希望对.
阅读全文
摘要:目前已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今 天向大家推荐一款非常优秀的html5播放器MediaElement.js,它不仅能够添加我们常用的html5视频格式(mp4,m4v,mov), 而且还支持回退方式,即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放,从而达到支持绝大部分的浏览器。备注:我们都知道进入HTML5时代以后W3C组织为web视频播放加入了一个非常友好的标签,它可以让你直接插入mp4、mov等格式的视频,但是这是浏览器默认的方式,播放的功能也比较单一,所以借
阅读全文