html5开发，iphone中的微信内置浏览器如何让video标签的视频不全屏

Posted 2023-04-30

iphone中播放video标签的视频默认是全屏的，但在iphone微信中扫一扫打开的网页，video可以不全屏播放，有没有做过此类的大神？

1、建议先下载，现在那些优酷，土豆，酷六的都有自己的下载软件程序。用优酷的，下载后自己用其他播放器播放。或者直接打开，也就是优酷下载器自带的视屏播放功能看，可以全屏!网上看不了全屏也不是一件很纠结的事，建议去下载360浏览器观看，目前为止起码用它就可以全屏。
看下面的按纽 1 播放/暂停2停止 下来是时间进度/本视频总时间 接下来是亮度调节 紧接着就是全屏按纽 把视频里的设置的硬件加速前面的勾去掉就能全屏了。 参考技术A 目前没有办法 要不然只能换youku之类的视频网站web接入， 因为iPhone会默认解释浏览器html5 video标签为弹窗播放控件播放 参考技术B 目前没有办法 要不然只能换youku之类的视频网站web接入， 因为iPhone会默认解释浏览器html5 video标签为弹窗播放控件播放.types就是上面说过的5个类型，为空表示什么都不记录，多个type时用英文逗号隔开，如只记录致命错误和警告,就是types="fatal,warn"，如果要全部记录，可用types="all"来简单表示types="fatal,error,warn,info,debug"。 参考技术C android微信中扫一扫打开的网页播放video标签时全屏才能播放，不全屏就暂停，video如何不全屏播放？是android的
在ios中可以再video上添加webkit-playsinline属性在页内播放，但是在android上无法解决，至少到目前为止 参考技术D <video controls="controls" 
    webkit-playsinline="true" 
    x-webkit-airplay="true"
    playsinline="true"
    src=""></video>

以上方法对大部分机型都有效，但安卓某些低版本的ZZ机型依然无效

微信公众平台开发，那些走过的坑

最近接手了一个微信公众平台的项目，历时两个月，基本完工，终于有时间可以总结一下这过程当中遇到的点点滴滴。

1、关于微信的内置浏览器

开始以为，微信内置浏览器是一个浏览器，对于安卓机和苹果机都是一样的，后来发现不是，苹果机和安卓机的内核是不一样的，所以前端设计过程中一定要考虑浏览器的兼容问题。苹果机的微信内置浏览器也并不是纯粹的safri内核，微信有自己的处理，比如，safri并不支持h5的audio，但苹果机的微信内置浏览器是支持的。最坑的一点，是苹果机的语音播放，调了很久，因为苹果机是不允许在异步中调用audio的播放的，所以，如果想要在请求后台后播放audio，不能用post，必须用原生的ajax同步。

2、关于amr格式

audio本身是不支持amr格式的播放的，但调用微信得录音接口，生成的就是amr格式，直接用audio是无法播放的。需要将amr转换成mp3格式，需要注意的是，从微信服务器直接保存成mp3格式是不行的。这样会造成文件的损坏。这就需要用一些专门的转换工具进行转换。我用的是ffmpeg。转换完成以后，直接播放mp3格式即可，速度还是比较快的。