标签归档:html5

个性化html5中的video,打造属于自己的html5视频播放器

本文使用的都是CSS3以及html5中的video实现的播放器,在PC与手机端都可以完美播放,目前还未实现播放进度条的拖移功能,后续会增加这个功能。
demo效果查看地址:https://king2088.github.io/html5-vPlayer/
先看效果图:

html5 video
html5 video

首先我们要了解一下html5中的media事件以及属性 继续阅读个性化html5中的video,打造属于自己的html5视频播放器

html5+css3制作多屏简单动画

首先动画是使用CSS3的animate实现的,因为animate使用方便,而且在手机端运行也很流畅。大家先看演示吧http://egtch.com/demo/css3app/,在手机端浏览效果也很好。

一、准备工作

1、jQurey最新版

2、jQurey插件fullpage.js

二、Animate动画

大家可以直接从http://daneden.github.io/animate.css/下载animate.css使用,可以根据自己的需求选择自己想要的效果来使用。

三、代码部分 继续阅读html5+css3制作多屏简单动画