Javascript 带有自定义按钮的HTML5视频无法在safari 12上播放

Safari已经阻止自动播放完全可以理解的视频。但我必须找到一个解决办法，视频“自动”播放。 我使用VueJSbtw

视频：

<video preload="auto" id="videowizy" class="video mockup-size">
    <source src="../assets/video.mp4" type="video/mp4">
</video>

现在来回答问题。Safari 12向我抛出以下错误

未处理的承诺拒绝：NotAllowedError:当前上下文中的用户代理或平台不允许该请求，可能是因为用户拒绝了权限

当我使用controls=true时，我会被修复，但当我使用controls=true时，我无法按play，因为视频绝对位于一个帧的后面（用于模拟手机模型）。 有没有办法说“嘿，这是播放按钮，请让我玩safari”

---

提前谢谢

可能重复：不，没有重复。同样的问题，但解决方案不适用于safari>12升级到iOS 12.2，破坏了我们应用程序WebView中的HTML5视频，我们使用本机HTML5控件。尝试

play（）

会抛出与您所引用的相同的错误。

<a id="play" @click="startVideo">Play Video ▶</a>

this.videoStarted = true;
window.setTimeout(() => {
    this.videoVisible = true;
    var video = document.getElementById('videowizy');
    video.addEventListener('ended',this.stopVideo,false);
    video.play();
},2000)