HTML5新标签video在iOS上默认全屏播放
2016-06-30 11:24
375 查看
今天做一个app时发现一个问题,应用html5中的video标签加载视频,在android手机上默认播放大小,但是换成iPhone手机上出问题了,默认弹出全屏播放,查找了好多论坛,都没有谈论这个的。然后几经波折终于找到其解决的方法了,在video标签下的source中加入这个-webkit-playsinline=true完美解决全屏问题。
例如:
<video width="100%" loop="loop" autoplay>
<source type="video/mp4" src="http://www.cnblogs.com/feixuelianyi/p/images/xnps.mp4" -webkit-playsinline=true>
</video>
例如:
<video width="100%" loop="loop" autoplay>
<source type="video/mp4" src="http://www.cnblogs.com/feixuelianyi/p/images/xnps.mp4" -webkit-playsinline=true>
</video>
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果