Видео Safari не работает, но все браузеры работают автоматически. несколько видео играть по одному

Question

** html5 видео сафари автозапуск не работает ????????? Мой код для воспроизведения нескольких видео один за другим работает хорошо, но он не работает браузер Safari. Есть способ запустить автозапуск в Safari. Пожалуйста, помогите мне с этим запросом. Любой способ использования и работы в браузере Safari. Есть любой другой способ работать, чтобы использовать это. Спасибо код только HTML и js CSS, который я использую для создания идентификатора и использования для воспроизведения видео в браузере. **

    <div class="video-container " id="video_auto_play">
<video autoplay="autoplay" controls muted id="home_videoPlayer" style="object-fit: initial;" >
  <source id="home_videoPlayer" style="object-fit: initial;"  type="video/mp4" />
</video>
<script> 
    document.getElementById('home_videoPlayer').play(); 
</script>
</div>


<script>
var videoSource = new Array();


videoSource[0] = 'a1.mp4';
videoSource[1] = 'a2.mp4';
videoSource[2] = 'a3.mp4';
videoSource[3] = 'a4.mp4';

var i = 0; // define i
var videoCount = videoSource.length;

function videoPlay(videoNum) {
    document.getElementById("home_videoPlayer").setAttribute("src", videoSource[videoNum]);
    document.getElementById("home_videoPlayer").play();
    document.getElementById("home_videoPlayer").play();
}
document.getElementById('home_videoPlayer').addEventListener('ended', myHandler, false);
videoPlay(0); // play the video

function myHandler() {
    i++;
    if (i == (videoCount - 0)) {
        i = 0;
        videoPlay(i);
    } else {
        videoPlay(i);
    }
}
</script>

Answer 1

Работает нормально.Вы проверяли Safari> Настройки этого сайта в строке меню?

   document.getElementById('home_videoPlayer').play(); 


var videoSource = new Array();


videoSource[0] = 'https://www.w3schools.com/tags/movie.mp4';
videoSource[1] = 'https://www.w3schools.com/tags/movie.mp4';
videoSource[2] = 'https://www.w3schools.com/tags/movie.mp4';
videoSource[3] = 'https://www.w3schools.com/tags/movie.mp4';

var i = 0; // define i
var videoCount = videoSource.length;

function videoPlay(videoNum) {
    document.getElementById("home_videoPlayer").setAttribute("src", videoSource[videoNum]);
    document.getElementById("home_videoPlayer").play();
    document.getElementById("home_videoPlayer").play();
}
document.getElementById('home_videoPlayer').addEventListener('ended', myHandler, false);
videoPlay(0); // play the video

function myHandler() {
    i++;
    if (i == (videoCount - 0)) {
        i = 0;
        videoPlay(i);
    } else {
        videoPlay(i);
    }
}

<div class="video-container " id="video_auto_play">
<video autoplay="autoplay" controls muted id="home_videoPlayer" style="object-fit: initial;" >
  <source id="home_videoPlayer" style="object-fit: initial;"  type="video/mp4" />
</video>
</div>