HTML5技术

【极品代码】一般人我不告诉他,手机端h5播放时不自动全屏代码 - 你好像很美味

字号+ 作者:H5之家 来源:H5之家 2016-11-02 17:00 我要评论( )

已测适用于ios,某些安卓手机微信下播放视频会出现播放器控件(这个实在是无力吐槽噢,因为之前还遇到过微信播放完视频后竟然无法退出全屏出现广告的情况,只有播放完后刷新页面并且要放到框架页里才能屏蔽微信视频广告!),之前用canvans渲染,感觉不够太完

已测适用于ios,某些安卓手机微信下播放视频会出现播放器控件(这个实在是无力吐槽噢,因为之前还遇到过微信播放完视频后竟然无法退出全屏出现广告的情况,只有播放完后刷新页面并且要放到框架页里才能屏蔽微信视频广告!),之前用canvans渲染,感觉不够太完美,弄成背景切换形式得(用背景切换形式可以完美解决当一个容器有transform:rotate(90deg)属性时自适应百分比问题,若是canvans需去计算高宽太麻烦还需考虑不同系统)。

 

想要手机端h5播放时不自动全屏比想象的简单,看加粗部分,一般人我不告诉他噢。

<video poster="" x-webkit-airplay="true" webkit-playsinline="true">
    <source src="http://file.ih5.cn/files/34906/16999/1f3b3c.mp4" type="video/mp4" codecs="avc1.42E01E,mp4a.40.2">
</video>

 

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

相关文章
  • 我从半年前项目中的代码看到了什么? - ptsp

    我从半年前项目中的代码看到了什么? - ptsp

    2016-10-27 14:00

  • js封装的三级联动菜单(使用时只需要一行js代码) - 梦亦晓

    js封装的三级联动菜单(使用时只需要一行js代码) - 梦亦晓

    2016-10-27 12:00

  • 代码规范的重要性 - 夜枭

    代码规范的重要性 - 夜枭

    2016-10-04 14:00

  • 使用JS实现图片展示瀑布流效果 - 骑猪敲代码

    使用JS实现图片展示瀑布流效果 - 骑猪敲代码

    2016-09-07 14:00

网友点评