对于微信内置浏览器中不能小窗播放视频原因的分析以及解决

菜鸟:微信内置浏览器中不能小窗播放视频肿么办???

 

师傅:徒弟莫猴急,待师傅一一道来:首先,喺发生急事嘅情况下,我哋最要保持冷静,噉才可以施展出一个有思维、有智慧、有头脑嘅人,应该有嘅气质与才华。

 

菜鸟:哇,知啦,跟住我应该点做哩?

 

师傅:求百度啊!!!!!!

......以上是背景......以下是根据百度爬到的内容进行的分析与总结......

 

分析webkit-playsinline为什么不能在微信内核中起作用的原因:

1:在不考虑微信内核的浏览器中用html5的video方式播放视频时:在ipad上是默认原来大小的,而在iphone上是默认全屏播放的。android在此飘过(没测试过),..

2:来两张图片说明一下或许能有所帮助:

a:

b:

 

最后总结:
1:知友说 webkit-playsinline 可以解决这个问题.但是经过个人以及各位知友的验证该方法在ios 系统并且是在非微信自带的浏览器的内核中能够解决。Android 然并卵。

栗子(html):<video id="player" width="480" height="320" webkit-playsinline>

2:微信这样的做法貌似要将做微信视频业务的开发者赶尽杀绝啊(做开发的最不能容忍的就是放弃曾向需求妹妹许诺过可以实现的功能,别问我为什么......因为爱情,怎么能轻易放弃.....)

3:既然微信团队对视频来源进行了域名限制,那么可以考虑把视频挂在腾讯视频上,然后再引用腾讯视频提供的视频地址在微信中进行播放,这样也就巧妙地避开了种种限制(发现许多公众号中的视频的右上角都有”腾讯视频“这样一个标签),实现业务与爱情的双丰收...

4:作为开发者也需要谅解微信平台制定的规则,要求把视频挂在腾讯视频提供的平台下这样的做法个人觉得有利于维护以及给网民提供一个良好的网络环境,如果监管措施做到位的话.....

转载于:https://www.cnblogs.com/lyingSmall/p/5382833.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用和[2]提供的信息,我了解到在开发基于Vue的H5短视频页面时,部分用户反馈视频播放有问题,点击视频后自动全屏无法滑动。经过反复测试和修改参数,发现这个问题只出现在Android系统下的部分手机上,而iOS系统没有这个问题。经过两天的尝试和查找资料,作者通过引用提供的解决方案,使用了js识别用户的微信浏览器内核,如果不是系统内核就提示用户关闭x5内核,以解决微信内置浏览器自动劫持video标签的问题。 所以,对于video-player在微信内置浏览器的问题,可以参考引用提供的解决方案,使用js识别内核并提示用户关闭x5内核,以解决自动全屏播放无法滑动的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [vue-video-player插件在微信浏览器X5内核的坑](https://blog.csdn.net/weixin_42232156/article/details/121698430)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)](https://download.csdn.net/download/weixin_38701156/12927821)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值