当我在 Safari 中单击 iPhone 上的播放按钮时，出现以下错误：
NotAllowedError：当前上下文中的用户代理或平台不允许该请求，可能是因为用户拒绝了权限。
我在网上查了一下，这个问题似乎已经存在很长时间了，但没有明确的解决方案。
这是我的代码。除了 iOS Safari 之外，它可以在任何地方使用。
import { Box } from '@chakra-ui/react';
import { useTranslation } from 'libs/i18next';
import React, { useEffect, useRef, useState } from 'react';
import { PauseIcon, PlayIcon } from 'theme/icons';
import { visuallyHiddenCss } from 'utils/style-utils';
import {
buttonHoverArea,
playButtonCss,
playIconStyles,
videoContainerCss,
videoCss,
} from './Video.styles';
export interface Video extends React.HTMLProps<HTMLVideoElement> {
src: string;
noVideoText?: string;
className?: string;
isEnabled?: boolean;
coversParent?: boolean;
handlePlayPress?: (videoPlaying: boolean) => void;
}
/**
* Default …