摘要:前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放。
前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放。
首先公布解决方案:
感谢知乎上的回答,原版微信内置浏览器 如何小窗不全屏播放视频?
感谢该问题的徐霖同学的回答,虽然我们不认识,但是很感谢对我的帮助,写这个还是主要是为了徐霖同学对我的这次帮助
解决过程:
网上百度一把片,主要是这些属性,给赋值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
摘要:推荐这篇文章前段时间重新学习了一下的部分,以前只是停留在标签的使用上,这一次决定深入了解相关的,并运用这些打造一个简单的视频播放器。最后推荐一篇文章,是打造自己的音乐播放器,别人做的那个才是真的牛,很值得学习 推荐这篇文章: http://www.inwebson.com/html5... 前段时间重新学习了一下html5的video部分,以前只是停留在标签的使用上,这一次决定深入了...
摘要:为了给用户带来多媒体方面的体验福利,一刻也不能停,现在要提升主要视频应用全屏播放的观看体验。 为了给用户带来多媒体方面的体验福利,一刻也不能停,现在要提升主要视频应用全屏播放的观看体验。 提升主要视频应用全屏播放的观看体验老板撂下一句话后拂袖而去,剩下的自己体会。经过人工智能的大脑快速处理,提取了几个比较关键的技术点。 1.视频应用,如何判断到视频应用在工作? 2.全屏播放,如何判断视...
阅读 3852·2021-11-22 13:54
阅读 2638·2021-09-30 09:48
阅读 2324·2021-09-28 09:36
阅读 3074·2021-09-22 15:26
阅读 1303·2019-08-30 15:55
阅读 2458·2019-08-30 15:54
阅读 1391·2019-08-30 14:17
阅读 2313·2019-08-28 18:25