在移动Safari上自动播放静音的视频

Question

我正在帮助一个网站的朋友，她希望在媒体密集型页面上播放一些自动播放（静音）的视频。

http://shophouseofvagabonds.com/campaign.html

视频可在所有Android + Chrome浏览器上使用，但不能在Safari上使用。

我看到网站（https://www.na-kd.com/en/campaigns/jk-swim-drop-2）可以在移动Safari上自动播放视频。不知道我在做什么错。

此处的代码：

<video autoplay loop muted playinline style="width:100%;" class="img- 
   fluid mb-4" src="videos/video1.mp4" type="video/mp4">
   <source src="videos/video1.webp"  type='video/webm;codecs="vp8, vorbis"'/
   <source src="videos/video1.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>

            </video>