资讯专栏INFORMATION COLUMN

微信内置浏览器 非全屏播放视频解析

aervon / 3010人阅读

摘要:前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放。

前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放。
首先公布解决方案:

感谢知乎上的回答,原版微信内置浏览器 如何小窗不全屏播放视频?
感谢该问题的徐霖同学的回答,虽然我们不认识,但是很感谢对我的帮助,写这个还是主要是为了徐霖同学对我的这次帮助

 

解决过程:


心中一万个草泥马过去

网上百度一把片,主要是这些属性,给赋值true之类的,然而没什么卵用

webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow"
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置,设置为 true 是防止横屏*/>
  x5-video-orientation="portraint" /*播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏*/

还有用canvas解决的,代码可以给你们参考写是我从csdn花了3C币买的

请自动引入jq等插件库




    
    
    
    
    
    
    直播
    





解决过程很心酸,结果最起码是美满的,毕竟解决了segmentfault上边所说的微信X5内核不能非全屏播放视频的世界级难题(皮一下,希望不会挨打)

目前这个方法亲测可以使用华为、小米、vivo、苹果、oppo


随手打赏什么不奢望,只是开通一个赞赏功能,当然了请我喝饮料我也不会介意的

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/11084.html

相关文章

  • 打造自己的html5视频播放

    摘要:推荐这篇文章前段时间重新学习了一下的部分,以前只是停留在标签的使用上,这一次决定深入了解相关的,并运用这些打造一个简单的视频播放器。最后推荐一篇文章,是打造自己的音乐播放器,别人做的那个才是真的牛,很值得学习 推荐这篇文章: http://www.inwebson.com/html5... 前段时间重新学习了一下html5的video部分,以前只是停留在标签的使用上,这一次决定深入了...

    toddmark 评论0 收藏0
  • 提升Android手机主要视频应用全屏播放的观看体验

    摘要:为了给用户带来多媒体方面的体验福利,一刻也不能停,现在要提升主要视频应用全屏播放的观看体验。 为了给用户带来多媒体方面的体验福利,一刻也不能停,现在要提升主要视频应用全屏播放的观看体验。 提升主要视频应用全屏播放的观看体验老板撂下一句话后拂袖而去,剩下的自己体会。经过人工智能的大脑快速处理,提取了几个比较关键的技术点。 1.视频应用,如何判断到视频应用在工作? 2.全屏播放,如何判断视...

    raise_yang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<