html 视频事件侦听器未在移动的上触发

mhd8tkvw 于 2023-01-24 发布在其他

关注(0)|答案(2)|浏览(165)

简单地尝试在视频结束后重定向，除了手机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" />

Html

来源：https://stackoverflow.com/questions/75174376/video-event-listener-not-firing-on-mobile

2条答案

按热度按时间

x759pob21#

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

赞(0）回复(0）举报 2023-01-24

m4pnthwp2#

因为onclick函数不会在触摸设备上触发

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" />

赞(0）回复(0）举报 2023-01-24

我来回答

html 视频事件侦听器未在移动的上触发

2条答案

相关问题

热门标签

最新问答