2月 222017
 

正如题目。在移动端布局的时候,这个很有用(不用js的情况下)。有这样一个场景:
有若干张图片,图片的宽高各不相同(如果图片宽高相同就好搞了哈),让这些图片显示在网页中。要求每行显示三张(照片横向,纵向有一定的间隔,且距离父容器的间隔为0),显示的高度等于宽度,并且让图片在容器中居中显示。另外,在图片上浮动显示照片的介绍以及类型等(浮动几个小span。这个是前边要求额外的。)。

下边,这些问题先一个一个的解决。 Continue reading »

2月 202017
 

在ios下,html5的video标签播放时候总会先全屏播放。这个问题很恼火,体验很差。所以找了个黑科技。那就点开下边的链接。
https://github.com/bfred-it/iphone-inline-video

貌似,video里边跟playsinline就够了。播放状态可以用addEventListener。比如播放完毕,侦听’ended’的

看看知乎上怎么说的哈。https://www.zhihu.com/question/21094425

这个问题解决的同时,还可以处理控件问题。ios的视频播放控件太丑太丑了。于是,用css写浮动,利用上边的方法,可以实现非全屏状态下的控件。

本来,为了实现控件的替换。想到用canvas画图的方式来完成。不过,有了上边的方法,canvas画图的方式就丢弃了。请看这里canvas画图。
http://www.cnblogs.com/zhangwenjiajessy/p/6158131.html

网站地图