javascripthtmlcssiphone

A "play" symbol appears on my background video


I've created a page with a backgroud video. It works great on desktop, but when I check it works on iPhone, it doesn't play the video, but displays the "play" icon. <video type="video/mp4" src="background.mp4" autoplay muted loop playsinline id="vid"></video>

Iphone page test

1

I tried to start the video with js method video.play(). It didn't work


Solution

  • Autoplay doesn't work in power-saving mode. Just turned it off, video autoplay starts and "play" symbol disappeared.