在Safari浏览器中，脚本会重新启动，但不会播放事件的视频

Question

遇到问题，也许有人可以帮我。

有一个脚本应该重新启动并播放事件的视频(play-video.play((；(。在其他浏览器上，如Chrome等，它可以工作，Safari除外。

在Safari上，它只是将视频重置为0，但不播放。

video.play((似乎在该浏览器上不起作用。

自动播放和静音已打开。

有人有这个问题吗？

这是网站https://luna-wealth-3b31bac5f1f8e980696881bf9d5.webflow.io/client-online-access

<script>
window.addEventListener('DOMContentLoaded', function () {
const video = document.getElementById("573dfe8f-6592-57e6-c48c-8e93fbdae2e3-video");
const trigger = document.getElementById("trigger");
const observerVideo = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting) {
if (video.currentTime === 0) {
video.muted = true;
video.play();
}
}
}, { threshold: 1 });
const observerTrigger = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting) {
if (video.currentTime !== 0) {
video.currentTime = 0
}
}
}, { threshold: 0 });
observerTrigger.observe(trigger);
observerVideo.observe(video);
})
</script>

Answer 1

问题就是这样解决的。我们从视频中删除了100%宽度参数，并将包含视频的容器设置为中心弯曲对齐。脚本开始在Safari上正确播放视频。

在某些分辨率下，视频超出了实际分辨率，Safari不想在事件中重播。。。

这当然很奇怪，但它起了作用