码迷,mamicode.com
首页 > 移动开发 > 详细

html-----vedio标签(HTML5新标签VIDEO在IOS上默认全屏播放)

时间:2015-07-15 18:46:47      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

今天做一个app时发现一个问题,应用html5中的video标签加载视频,在Android手机上默认播放大小,但是换成iPhone手机上出问题了,默认弹出全屏播放,查找了好多论坛,都没有谈论这个的。然后几经波折终于找到其解决的方法了,在video标签下的source中加入这个-webkit-playsinline=true完美解决全屏问题。 

例如:

<video width="100%" loop="loop" autoplay controls="controls">

  <source type="video/mp4" src="images/xnps.mp4" -webkit-playsinline=true>
</video>

 

html-----vedio标签(HTML5新标签VIDEO在IOS上默认全屏播放)

标签:

原文地址:http://www.cnblogs.com/jquery37/p/4649091.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!