HTML5技术

防止html5的video标签在iphone中自动全屏 - 潘大胖

字号+ 作者:H5之家 来源:H5之家 2017-09-30 14:00 我要评论( )

问题: 当在iphone中打开html5页面中的video视频时,会默认调取系统播放器,全屏播放视频资源。 解决方式: 1. 首先在html5页面的video标签中添加webkit-playsinline=true; video webkit-playsinline/video 接着在UIWebView中设置allowsInlineMediaPlayback属

  问题: 当在iphone中打开html5页面中的video视频时,会默认调取系统播放器,全屏播放视频资源。

  解决方式: 1. 首先在html5页面的video标签中添加webkit-playsinline=true;

        <video webkit-playsinline></video>

        接着在UIWebView中设置allowsInlineMediaPlayback属性;

      webview.allowInlinesMediaPlayback = YES;

       2. 如果是用Phonegap或者是Cordova; 则可以再config.xml配置文件中配置:

      <preference value="true" />

        然后再在video标签中添加webkit-playsinline属性。

 

  原文链接: https://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解 -

    [js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径c

    2017-09-30 13:01

  • [js高手之路] html5 canvas系列教程 - arc绘制曲线图形(曲线,弧线,圆形) - ghostwu

    [js高手之路] html5 canvas系列教程 - arc绘制曲线图形(曲线,弧线,

    2017-09-30 13:00

  • [js高手之路] html5 canvas系列教程 - arcTo(弧度与二次,三次贝塞尔曲线以及在线工具) - gho

    [js高手之路] html5 canvas系列教程 - arcTo(弧度与二次,三次贝塞尔

    2017-09-30 12:00

  • [js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText,measure

    [js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText

    2017-09-30 11:00

网友点评