公告列表
公告列表
收藏
回答

xr-frame中怎么监听到VideoTexture所加载的视频播放结束？

xr-frame中怎么设置VideoTexture播放的视频只播放一次？和监听当前视频被暂停或结束？

回答关注问题邀请回答
收藏

2 个回答

  • 不知道叫什么昵称
    不知道叫什么昵称
    03-22

    已解决，在文档中找到了方法

    03-22
    有用
    回复
  • CRMEB
    CRMEB
    03-22
    <!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>VideoTexture Example</title>  
</head>  
<body>  
    <video id="myVideo" width="320" height="240" controls autoplay loop>  
        <source src="your-video-file.mp4" type="video/mp4">  
        Your browser does not support the video tag.  
    </video>  
  
    <script>  
        const video = document.getElementById('myVideo');  
  
        // 设置视频不循环播放  
        video.loop = false;  
  
        // 监听视频播放结束事件  
        video.addEventListener('ended', function() {  
            console.log('Video playback has ended.');  
            // 在这里可以执行你想要的逻辑，比如暂停视频（虽然视频播放结束后通常会自动暂停）  
            video.pause();  
        });  
  
        // 监听视频暂停事件  
        video.addEventListener('pause', function() {  
            console.log('Video playback has been paused.');  
            // 在这里可以执行你想要的逻辑  
        });  
    </script>  
</body>  
</html>
    03-22
    有用
    回复 1
    • 不知道叫什么昵称
      不知道叫什么昵称
      03-22
      谢谢，我这里时想拿到xr-frame中设置的video纹理，控制这个纹理的循环与监听停止
      03-22
      赞
      回复
请 登录 后发表内容
相关问题
相关文档