如何一键在Safari上开始视频？

问：

我想要一个带有海报和隐藏控件的视频。当用户单击视频时，控件将可见，视频应开始播放。我尝试的代码在 Chrome 上运行良好，但不适用于 Safari。在 Safari 上，当用户单击海报时，控件会显示（应显示），但视频不会自动开始。因此，用户必须点击两次要启动的视频，并且只需在 Chrome 上点击一次。

这是我的HTML：

 <div class="container1">
      <video src="Videos/Film 1.mp4" poster="Thumbnails/Film 1.jpg" class="video1" id="video1" onclick="controlsChangeVideo1()"> 
      </video>
 </div>

这是我的JS：

function controlsChangeVideo1() {
    document.getElementById("video2").setAttribute("controls", "true");
}