首页 > 移动平台 > 详细

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

时间:2015-07-15 18:45:36      阅读:4217      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!