问题:微信里面访问H5页面,页面里面有视频。大部分ios手机每次进入页面首次播放视频的时候只有声音没有画面,要点击一下暂停按钮重新播放或者点击全屏视频才能正常播放。安卓手机没有这个问题,企业微信上面ios和安卓都能正常播放。可以访问这个地址看下效果:https://tl-test.dustess.com/iPPTQe8mkP
复现设备:ios手机型号为为iphone 12,系统版本是15.5;微信版本为 8.0.23;企微版本为4.0.6。
原因:通过排查发现,通过原生<video>加<source src="url地址">标签写的视频就有这个问题,而<video src="url地址">就没问题。但是我们的需求必须通过加<source>的方式来处理,需求是前面的视频播放不了,就用后面的视频。
关键代码:
<video controls="true" preload="auto" poster="https://cdn-temp.dustess.com/W00000000176/cms/s/k/o/n/skonpgu3kbh1654830324000.png"><source src="https://cdn-temp.dustess.com/W00000000176/cms/s/k/o/n/skonpgu3kbh1654830324000_final.mp4" type="video/mp4"><source src="https://cdn-temp.dustess.com/W00000000176/cms/s/k/o/n/skonpgu3kbh1654830324000.mp4" type="video/mp4"></video>

你好,是不是有自定义的封面图覆盖逻辑,关键代码单独运行的话是没问题的,建议自查
同样的问题,网站用<video>加<source src="url地址">,在其他浏览器能够正常显示,用手机微信浏览器打开网站时,视频就显示不出来 https://m.v.qq.com/x/m/play?vid=c3521co9qu0&cid=&url_from=share&second_share=0&share_from=copy
同样的问题
同样问题,请问解决了吗
同样问题,请问解决了吗