收藏
回答

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
      回复
登录 后发表内容