Video onended（）或end在iOS的Safari中不触发

Posted 2023-03-01

以下代码在Chrome或台式机上的Firefox中可正常使用，但在ios上的Safari中不可用。

<video class="video-js vjs-fluid vjs-default-skin" preload playsinline webkit-playsinline  data-setup=' "inactivityTimeout": 0 ' disablePictureInPicture controls muted controlsList="nodownload nofullscreen noremoteplayback" id="fVideo">
     <source src="myvideo.mp4" type="video/mp4">
</video>

...这是javascript

<script>
    document.getElementById('fVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) 
        alert('video ended');
    
</script>

任何帮助将不胜感激。

答案

使用videojs函数回调替换了Javascript代码，现在可以使用。

<script>
    var player = videojs('fVideo');
    var options = ;
    var player = videojs('fVideo', options, function onPlayerReady() 
        this.on('ended', function() 
            alert('video ended');
        );
    );
</script>