如何在IOS中播放和链接html5视频？

Question

我尝试链接 2 个视频： 当第一个结束时，第二个开始自动播放。

它适用于 W10 和 Ubuntu 的 Chrome 或 Firefox 但我找不到让它在 IOS 中工作的方法：Safari 或 Chrome 或 Firefox。 就像“Video_2.play();”不会在 IOS 的“Video_1.addEventListener(...)”内触发。

我错过了什么？

var Video_1 = document.getElementById("ID_Video_1");
var Video_2 = document.getElementById("ID_Video_2");


Video_1.addEventListener('loadedmetadata',function() {
    alert("Can start playing video Video_1");
    Video_1.play();
});

Video_2.addEventListener('loadedmetadata',function() {
    alert("Can start playing video Video_2");
});

Video_1.addEventListener('ended', function(e) {
    alert("Video_1 ENDED");
    Video_2.style.visibility = "visible";
    Video_1.style.visibility = "hidden";
    Video_2.play();
    alert("Video_2.play();");
    });

#DIV_video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 430px;
    height: 270px;
    }

.CLASS_Video {
    position: absolute;
    top: 0;
    left: 0;
}

#ID_Video_1 {
    visibility: visible;
    z-index: 1;
    }

#ID_Video_2 {
    visibility: hidden;
    z-index: 2;
    }

<div id="DIV_video">

<video id="ID_Video_2" playsinline class="CLASS_Video" width="150" src="http://www.w3schools.com/html/mov_bbb.mp4"></video>
<video id="ID_Video_1" playsinline class="CLASS_Video" width="150" src="http://www.w3schools.com/html/movie.mp4"></video>

</div>

Answer 1

我想我找到了答案：

https://webkit.org/blog/6784/new-video-policies-for-ios/

而且现在我觉得 IOS 中没有适合我的解决方案，即使是 Chrome 或 Firefox...