视频事件侦听器未在移动设备上触发

Question

简单地尝试在视频结束后重定向，在所有浏览器上运行良好，除了移动版 chrome 和 safari。似乎没有捕捉到事件，我错过了什么？

function playVideo(){

var video = document.getElementById('video');
video.play();
video.addEventListener('ended',function(){
    window.location = 'appt.html';
});
 
}

<video controls id="video"  width="100%" onclick="playVideo()">
<source src="./advisors/intro.mp4" type="video/mp4" />

Answer 1

原来修复是简单地从“video”元素中删除“controls”属性。

Answer 2

因为您的 onclick function 不会在触摸设备上触发

 function playVideo() { var video = document.getElementById('video'); video.play(); video.addEventListener('ended', function() { window.location = 'appt.html'; }); } document.getElementById('video').addEventListener("canplay", playVideo)

 <video controls id="video" width="100%"> <source src="./advisors/intro.mp4" type="video/mp4" />