Я создал веб-приложение React со встроенным в него iframe Youtube, используя response-youtube .
Каждый раз, когда я пытаюсь переключить звук на видео на YouTube, используя useRef
, ссылаясь на Youtube player DOM видео приостанавливается в браузере Chrome (v83.0.4103.88) в iOS (13.6).
const playerRef = useRef(null);
useEffect(() => {
streetSound ? playerRef.current.internalPlayer.unMute() : playerRef.current.internalPlayer.mute();
playerRef.current.internalPlayer.playVideo();
}, [streetSound]);
return (
<div className='containerStyle'>
<YouTube
videoId={VideoId}
opts={youtubeParams}
className='videoPlayerStyle'
ref={playerRef}
onReady={() => onPlayerReady()}
/>
</div>
);
Примечание. Эта проблема НЕ возникает:
- iOS: Safari
- AndroidOS: Chrome
- MacOS: Chrome, Safari, Firefox, Opera и Edge