最近客户要求实现这么一个功能,有没有前辈做过相关功能的经验求指点一二,分享一下在线播放视频功能的实现方式和相关的插件在下多谢了
看是什么视频格式,flv找一个swf的FLV播放器即可其他格式找相应的插件。
那就用插件吧,找个能支持大多数视频格式的软件插件
如果是播放文件应该不难,如果是动态加载播放流媒体觉得有点技术含量学习
你的demo我试了一下,mp4文件播放效果不错用的是flash插件吗?不知道别的格式是否支持,例如aiv,vob,mpg,dai
ckplayer并苴有官方网站很好用的网页播放器
web页面登录里面没有这个,在浏览器中f12话就有一个div
--动态计算方案: 通过网页的缩放动態更改网页DOM的fontSize值
// 动态计算屏幕的宽度从而得到网页的fontSize大小--原理:根据网页的尺寸更改,计算出相对的字体大小
那么问题来了假如用户用PC端打开了移动端的网页,那字体岂不是牛逼牛逼大咧@@
换句话说,不限最大的宽度那屏幕宽1920px时,字体不是很大了 所以修改bug:
// 动态计算屏幕的宽度,从而得到网页的fontSize大小
运行效果:运行到 ipad下的动态更改
那么问题来了,如何计算出网页中元素的rem值
所以,假如你的层div的宽度100px,那麼他的rem 等于多少
UI中常见的以ios端的尺寸进行,那么我们可以参考ios端的屏幕尺寸和分辨率进行适配
fontSize自然等于20于是我们可以得到
从而将px完全代替为rem
于是就有了淘宝的改版了! 手机淘宝webweb页面登录就是rem
笔鍺被有人私信问到,假如单纯用css进行rem控制那么如何做到?
那么等先统计有哪些主流的屏幕设备 然后通过媒体元素进行适配: (不过建议用js动態控制)
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。