记录iOS 17.4.1 Safari 本地视频无法正常显示的2个问题

记录iOS 17.4.1 Safari 本地视频无法正常显示的2个问题

💡 原文中文,约1400字,阅读约需4分钟。
📝

内容提要

近期发现Safari在本地视频播放存在问题,包括路由切换时视频中断和视频元素不随宽高变化而变化。已向苹果官方反馈,目前尚无有效解决方法。

Q&A

Safari在本地视频播放中存在哪些问题?

Safari在本地视频播放中存在两个主要问题:路由切换时视频中断和视频元素不随宽高变化而变化。

如何解决Safari路由切换时视频中断的问题?

解决方案是将history模式改为hash模式。

视频元素不随video标签宽高变化的触发条件是什么?

触发条件包括视频播放本地摄像头、父级display从block变为flex,以及video标签附近有合适尺寸的img标签。

目前针对Safari视频播放问题,苹果官方的反馈是什么?

苹果官方反馈目前无法复现这些问题,并未提供有效解决方案。

如何强行重新渲染视频元素以解决显示问题?

可以将原先的block->flex改为block->none->flex进行强行重新渲染。

在iOS 17.4.1上如何复现Safari视频播放问题?

在iPhone上打开特定链接,允许摄像头访问,等待相机画面出现后,单击摄像机源以更改视频大小。

🏷️

标签

➡️

继续阅读