最近在手机上用小米视频看视频的时候,发现一个新功能,挺不错的,于是自己实现了一下,功能很简单,主要是交互方式很适合视频类的网站使用。
先来看例子:
当在最上端的时候,显示正常播放视频文件,如果用户不需要看视频前面的广告,那可以选择网下拖动看视频的介绍信息,这时怎么知道广告是不是放完了呢,在你拖到下来的时候,上方的视频会有个动画效果下滑到屏幕的右下角,并继续播放视频的内容,这样用户在看介绍信息的时候还能够查看视频的播放进度,我觉得这个功能很不错的。
这个功能其实实现起来很简单,我把源码放到github上了
https://github.com/ccfromstar/millet_video
Demo演示地址:
http://blog.youlunshidai.com/demo/demo1.html